前端项目发布后打开报错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" : "./",

相关推荐
SomeOtherTime19 小时前
Geojson相关(AI回答)
java·前端·python
不好听61320 小时前
JavaScript 到底是怎么运行的?从编译阶段到执行上下文全面解析
javascript
丷丩20 小时前
MapLibre GL JS第29课:添加Canvas源
javascript·gis·map·mapbox·maplibre gl js
就叫_这个吧20 小时前
HTML常用标签及举例使用
前端·html
utf8mb4安全女神20 小时前
【rsyslog服务】把所有服务的“临界点”以上的错误都保存在/var/log/alert.log⽇志中
java·前端·javascript
YANQ66220 小时前
7.bundlesdf本地安装
前端·webpack·node.js
csdn_aspnet21 小时前
javascript 算法 LeetCode 编号 70 - 爬楼梯
开发语言·javascript·算法·leetcode·ecmascript
swipe21 小时前
DeepAgents 多 Agent 深度调研助手工程实战:从 createDeepAgent 到可控调研工作流
javascript·面试·langchain
星夜夏空9921 小时前
FreeRTOS学习(7)——任务列表
java·前端·学习
moMo21 小时前
JavaScript 变量提升,执行上下文里的各种门道
javascript·面试