前端项目发布后打开报错Uncaught SyntaxError: Unexpected token ‘<‘ (at chunk-vendors)

报错原因 :请求js拿到的是一个非js脚本文件,因为请求没拿到正确路径。

如:我的项目是部署在www.a.com/web下,打包后index.html内请求的脚本默认是

复制代码
<script src="/static/js/chunk-vendors.ea8a242f.js"></script>

而/代表绝对路径,也就是请求服务器的www.a.com/static/js/chunk-vendors.ea8a242f.js,所以需要把绝对路径改成相对路径(前面加个.)。

复制代码
<script src="./static/js/chunk-vendors.ea8a242f.js"></script>

这样就是请求:www.a.com/web/static/js/chunk-vendors.ea8a242f.js,他会补上项目部署的位置:web

解决办法

在配置文件加 publicPath: './',

普通vue-cli项目在vue.config.js加,

我的是Uniapp,在manifest.json的H5(我是发布H5)加"publicPath" : "./",

相关推荐
lightgis31 分钟前
16openlayers加载COG(云优化Geotiff)
前端·javascript·html·html5
小飞大王66636 分钟前
TypeScript核心类型系统完全指南
前端·javascript·typescript
你的人类朋友2 小时前
✍️记录自己的git分支管理实践
前端·git·后端
合作小小程序员小小店3 小时前
web网页开发,在线考勤管理系统,基于Idea,html,css,vue,java,springboot,mysql
java·前端·vue.js·后端·intellij-idea·springboot
防火墙在线3 小时前
前后端通信加解密(Web Crypto API )
前端·vue.js·网络协议·node.js·express
Jacky-0083 小时前
Node + vite + React 创建项目
前端·react.js·前端框架
CoderYanger4 小时前
前端基础——CSS练习项目:百度热榜实现
开发语言·前端·css·百度·html·1024程序员节
i_am_a_div_日积月累_4 小时前
10个css更新
前端·css
她是太阳,好耀眼i5 小时前
Nvm 实现vue版本切换
javascript·vue.js·ecmascript
蒲公英10015 小时前
在wps软件的word中使用js宏命令设置表格背景色
javascript·word·wps