vue打包后发布文件路径错误且报错Unexpected token <

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue打包后发布文件路径错误且报错Unexpected token <相关的知识,希望对你有一定的参考价值。

参考技术A

项目执行npm run dev和npm run build-dev(开发环境打包)都没有问题
当使用npm run build-prod(生产环境)打包,发布之后查看报错:

此处所采用的的是vue-cli2.x
1.修改文件config/index.js,修改build配置中的内容

如上修改后打包可以打开不在报错,但是找不到图片以及文字了
2.修改build/utils.js文件,修改publicPath

重新打包后,访问正常

用过与该项目相同的脚手架,搭建了两个项目,然而另外的项目却没有该问题,暂未发现问题所在。

本项目Nginx配置中存在前置web-pmms

最终还原了上方的三处修改,将config/index.js中assetsPublicPath做如下修改

assetsPublicPath是配置为相对路径还是绝对路径,取决于你打包后前端资源怎么发布部署

vue-cli2.x版本
情况1: 如果应用配置在一个域名的根路径上,例如http://10.0.0.106:8080/,则直接配置assetsPublicPath:\'/\';
情况2: 如果应用配置在一个域名的子路径上,例如 http://10.0.0.106:8080/myapp ,则应设置assetsPublicPath:\'/myapp/\';
这个值也可以设置为空字符串(\'\')或相对路径(\'./\'),这样所有资源都会被链接为相对路径,这样打包后的文件可以被部署在任意路径。

vue-cli3.x版本
需要在vue.config.js 添加baseUrl:‘xxx’
vue-cli 4.x版本
需要在 vue.config.js 中修改 publicPath:\'xxx\'

以上是关于vue打包后发布文件路径错误且报错Unexpected token <的主要内容,如果未能解决你的问题,请参考以下文章

vue 打包部署服务路径接口报错已解决

Arcgis打包到docker,重启容器后发布的服务丢失解决方案。

Vue项目的打包上线运行(Tomcat)和SpringBoot打包

Vue项目的打包上线运行(Tomcat)和SpringBoot打包

vue打包之后图片路径错误问题

vue下载本地文件vue下载本地文件报错vue下载本地文件找不到