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

相关推荐
GoodStudyAndDayDayUp27 分钟前
gitlab+portainer 实现Ruoyi Vue前端CI/CD
前端·vue.js·gitlab
程序员阿明32 分钟前
vite运行只能访问localhost解决办法
前端·vue
前端 贾公子35 分钟前
uniapp -- 验证码倒计时按钮组件
前端·vue.js·uni-app
zhengddzz37 分钟前
从卡顿到丝滑:JavaScript性能优化实战秘籍
开发语言·javascript·性能优化
淡笑沐白41 分钟前
AJAX技术全解析:从基础到最佳实践
前端·ajax
Go_going_43 分钟前
ajax,Promise 和 fetch
javascript·ajax·okhttp
龙正哲1 小时前
如何在Firefox火狐浏览器里-安装梦精灵AI提示词管理工具
前端·firefox
徐徐同学1 小时前
轻量级Web画板Paint Board如何本地部署与随时随地在线绘画分享
前端
LuckyLay1 小时前
Vue百日学习计划Day4-8——Gemini版
前端·vue.js·学习
八戒社1 小时前
WooCommerce短代码Shortcodes使用方法
前端·wordpress·woocommerce