vue项目npm run build：打包部署上线，生成的dist 文件夹。 index页面无法正常显示

Question

是不是我没有配置什么东西啊？

如图：

Answer 1

打包生成的dist包，是需要静态服务器来启动的，比如tomcat或者nginx

Answer 2

你试试npm全局装个http-server打开，或者丢tomcat下

Answer 3

因为有js拆分 所以需要请求本地js本件
file协议下请求不到
所以至少要用http协议

Answer 4

dist 中的 index.html为什么打不开？

因为dist文件是需要放在服务器上运行的，资源默认放在根目录下。

打开index.html可以发现，css和js文件的引用使用的是绝对路径，例如：<link href=/css/chunk-00d5eabc.f78fa75d.css rel=prefetch>，对本地磁盘来说，/指向磁盘根目录，所以找不到引用的文件。

可使index.html打开的具体方法

1. 使用http-server创建一个服务器来访问资源；
2. 将index.html中资源引用的绝对路径改为相对路径；
3. 还可以手写一个简单的node服务器。

Answer 5

https://wintc.top/article/29

Answer 6

改一下 publicPath 就行了，默认是'/'，改成'./'
https://cli.vuejs.org/zh/conf...