打包到本地dist包之后,让别人访问你的项目:
直接npm run build
后,
在生成的dist文件夹中,打开index.html,打开错误,或者打开后,js文件读取失败,console控制台报错时:
- 可以在vue.config.js中配置
将publicPath属性的值'/'改为'./',防止找不到静态资源文件。
然后,继续打开index文件后,控制台不报错了,但还是显示空白,则: - 执行下面命令:
npm install http-server -g
然后在dist文件下执行:
http-server
出现这种情况的话 window 要去配置一下管理员权限 power shell,mac的话要是用管理员权限sudo
Starting up http-server, serving ./
Available on:
http://127.0.0.1:8080
http://xxx.xxx.x.x:8080
成功地话,访问生成的地址
-
如果该地址还是访问错误,但是在命令行中却有日志,
则执行下面的命令:
npm install -g anywhere
在dist文件下执行
anywhere -p 8080
-p 后跟端口号
成功后控制台会显示:
Running at http://xxx.xxx.xx.xx:8080/
Also running at https://xxx.xxx.x.x:8081/
本文章引用了vue cli3.0 打包后的问题处理和让被人访问 安装http-server的文章