【vue】vue发布-白红宇的个人博客

【vue】vue发布

发布日期：2021-05-09 17:21:29 浏览次数：22 分类：精选文章

本文共 616 字，大约阅读时间需要 2 分钟。

npm run build之后，出现提示：Tip: built files are meant to be served over an HTTP server. Opening index.html over file:// won't work.

npm run build的时候 , 因为vue-cli的默认配置中, publishPath是用绝对目录, 所以dist文件夹里的文件必须放在服务器的根目录, 如果你想本地打开的话, 可以在npm run build完成之后执行以下命令:

npm install -g http-server

1、使用命令npm run build打包vue项目之后提示：

“Tip: built files are meant to be served over an HTTP server.

Opening index.html over file:// won’t work.”，

并且在本地打开index.html是空白页，是因为打包的时候配置文件config的index.js的build配置是默认assetsPublicPath为“/”根路径，把assetsPublicPath修改为“./”同一个路径重新打包即可。

vue打包空白页解决

2、解决了页面空白问题之后会出现css样式的图片不显示问题，那么在build的目录下的utils.js文件添加publicPath: '…/…/'重新打包即可。

css图片不显示问题

上一篇：阿里云ECS端口8080访问不了问题排查

下一篇：【Vue】Vue引入bootstrap的方法

关于作者

喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！

-- 愿君每日到此一游！