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

天下熙熙
  • 420

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

如图:
image.png

回复
阅读 768
5 个回答

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

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

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

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服务器。
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏