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

相关推荐
烛阴14 分钟前
解锁 TypeScript 的元编程魔法:从 `extends` 到 `infer` 的条件类型之旅
前端·javascript·typescript
前端开发爱好者39 分钟前
弃用 ESLint + Prettier!快 35 倍的 AI 格式化神器!
前端·javascript·vue.js
wayhome在哪44 分钟前
Cropper.js 轻松拿捏前端裁剪🤞
javascript·canvas·设计
&白帝&1 小时前
vue2和vue3的对比
javascript·vue.js·ecmascript
江东大都督周总1 小时前
rabbitmq集群
javascript·rabbitmq·ruby
vivi_and_qiao1 小时前
HTML的form表单
java·前端·html
一嘴一个橘子1 小时前
uniapp 顶部tab + 占满剩余高度的内容区域swiper
javascript·uni-app
wayhome在哪1 小时前
30KB 轻量王者!SortableJS 轻松搞定拖拽需求
javascript·设计·dom
骑驴看星星a2 小时前
Vue中的scoped属性
前端·javascript·vue.js
四月_h2 小时前
在 Vue 3 + TypeScript 项目中实现主题切换功能
前端·vue.js·typescript