前端执行vue打包后的dist文件
首先说一下,dist文件,必须使用服务器打开,如果默认使用静态文件的方式打开,是没有内容的。
1、自己搭建服务器开启
我电脑上默认配置有Apache
的服务,这里就不演示了。
2、使用express
- 全局安装
express
和express-generator
sudo npm install express express-generator -g
- 创建一个 express 项目
express expressName
// expressName
- 进入项目,安装依赖
cd express
// 或者鼠标进入文件夹
npm i
- 将你打包生成的
dist
文件中所有的文件复制到publick
文件夹中。然后npm start
开启项目即可、 - 打开浏览器。输入
localhost:3000
就可以看到 vue 项目的效果了。 - 注意:项目端口号,是你可以配置的。默认是
3000
,配置文件在bin/www
文件中。
var port = normalizePort(process.env.PORT || '8080');
app.set('port', port);