运行vue打包后的项目

使用基于 Node.js 平台,快速、开放、极简的 Web 开发框架Express

1、按照express创建出基本的结构

mkdir myapp
cd myapp
npm init
package.json会被创建出来

2、安装express

npm install express --save
会创建 node_modules

3、同级目录下创建index.js文件和www文件夹,其中index.js中写入

const express = require('express')
const app = express()

app.get('/', (req, res) => res.send('Hello World!'))
app.use(express.static('./www'))

app.listen(3000, () => console.log('Example app listening on port 3000!'))
4、npm run build之后将你打包出的文件目录放到www文件夹下,如打包出来的文件目录为dist,dist里面有index.html和page文件夹,page文件夹是所有的打包之后的文件

5、执行localhost:3000出现Hello World,加路由访问localhost:3000/index.html即可访问到你打包出的页面了

如果其他电脑也需要访问,将localhost换成本地的ip地址就OK
————————————————
版权声明:本文为CSDN博主「EncodingAESKey」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/weixin_42333548/java/article/details/103664284

你可能感兴趣的:(运行vue打包后的项目)