前端执行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);