前端执行vue打包后的dist文件

首先说一下,dist文件,必须使用服务器打开,如果默认使用静态文件的方式打开,是没有内容的。

1、自己搭建服务器开启

我电脑上默认配置有Apache的服务,这里就不演示了。

2、使用express

  • 全局安装expressexpress-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);
posted @ 2020-10-21 15:53  小茴香  阅读(3889)  评论(0编辑  收藏  举报
Live2D