dist文件在本地运行——因为dist文件是要有服务启动的,所以需要在本地启动服务
vue项目通过webpack打包生成的dist文件放到express环境里运行(vue+webpack+express)
解决方案:
1、安装express本地服务器
npm install -g express-generator
安装完毕之后可以通过 express --version验证express是否安装成功
2、创建本地服务器
新建一个文件夹 在这个文件夹下运行
express myProject
其中,myProject为最终服务器文件夹名称,可自定义。
本地项目生成以后进入项目,cd myProject
进入项目之后使用 npm i 安装依赖
到此,本地服务创建完成
3、运行vue打包项目
将vue打包生成的dist目录下的文件复制粘贴到上图public目录下(如图所示):
然后运行
npm start
打开浏览器,输入http://localhost:3000,即可看到项目在上线后的效果了。