本地运行vue dist文件

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 安装依赖

到此,本地服务创建完成


image.png

3、运行vue打包项目
将vue打包生成的dist目录下的文件复制粘贴到上图public目录下(如图所示):


image.png

然后运行

npm start

打开浏览器,输入http://localhost:3000,即可看到项目在上线后的效果了。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容