vue去除url# 开启history模式 部署报错解决Uncaught SyntaxError: Unexpected token ‘＜‘

最新推荐文章于 2023-10-19 13:54:45 发布
最新推荐文章于 2023-10-19 13:54:45 发布
阅读量1.3k 收藏
点赞数
文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u013675978/article/details/110044307
版权

vue前端项目地址都会带有# 去除#方法很简单：项目 /src/router/index.js 下添加 mode: 'history'

开启后开发环境没有任何问题 但是build打包部署到服务器报错 Uncaught SyntaxError: Unexpected token '<'

解决方法：

修改/config/index.js下build中的属性  assetsPublicPath: '/'   （index文件中可能有两个改属性 如果是部署报错就改build中的 开发报错改dev中的）

JasonHPC
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue项目报错：Uncaught SyntaxError: Unexpected token
01-19
遇到问题： 今天做一个 VUE 的项目，在引入第三方依赖的 JS 文件时，遇到了一个问题： 控制台的提示：Uncaught SyntaxError: Unexpected token < 按照提示进入文件，再看如下图： 仔细看了看 index.html 文件,发现原本我的 JS 文件是放在 /src/utils 文件夹下的，但引入 /src 和 /static 的文件是有区别的。 解决方案： 解决办法是将第三方依赖的 JS 文件放到 /static/utils 目录下，引入路径也改成：[removed][removed]，这样就
vue 路由跳转history模式报Uncaught SyntaxError: Unexpected token ‘＜‘，与众不同的点
最新发布
dawang18232123的博客
11-27 834
然后就开始排查到底是什么问题导致的这个，顺便在网上搜寻答案，结果网上基本上都是很统一的 ：去 vue.config.js中去修改publicPath为 “/”，也就是修改成绝对路径，我可是我看着我这也是没有问题的，就是绝对路径。将原本的schoolmanagement改成了schmanagement，然后刷新了下，没想到竟然好了，不知道是啥原理，只能猜测是因为识别的school子路径下的文件，虽然那个uniapp项目下并没有名为这个文件名的文件。后来是简单一看，没啥重复的呀，更不知道是为啥了，摸不到头脑。
vue 路由跳转history模式报Uncaught SyntaxError: Unexpected token ‘＜‘
weixin_51125242的博客
04-29 1491
这个坑超级坑，独立搭过项目的兄弟应该会遇到,控制台报这个错 是不是摸不着头脑？ ● publicPath ●Type: string ●Default: ‘/’ 部署应用包时的基本URL。用法和webpack本身的output . publicPath-致, 但是VueCL在一其 他地方也需要用到这个值，所以请始终使用publicPath 而不要直接修改webpack的output . publicPath。 默认情况下，Vue CLI会假设你的应用是被部署在一个域名的根路径上
vue history模式下 Uncaught SyntaxError: Unexpected token ‘＜‘报错
qq_35875316的博客
11-10 2139
vue项目，在public文件夹下加了一个配置文件js文件,需要在index.html里引入 ，然后就报了下面的错： 排除引用文件写法没问题等原因，猜测是路由从hash模式改变为history模式引发的。 因为项目需求，不想看到URL上有 #/ 。所以路由模式改为history模式。 vue.config.js中的publicPath变为 ‘/’ 。 发到测试环境当路由为/home这种单个路由名字的时候没问题，但是跳转到 /notice/noticeDetail时。刷新页面会出现上述报错。经过排查。当
Vue history模式下报错 Uncaught SyntaxError: Unexpected token ＜
wangooo的博客
09-23 344
history模式下 vue.config.js 中 publicPath 不能设置为相对路径 vue-cli3.0下：在 vue.config 里设置 publicPath: '/'
vue history模式打包后Uncaught SyntaxError: Unexpected token <
weixin_44610025的博客
03-30 1634
vue history模式打包上传后报错Uncaught SyntaxError: Unexpected token < vue项目history模式下去掉url中的“#”，本地没有问题，打包上传后，发现在url中拼接id的页面刷新页面白屏，并报错Uncaught SyntaxError: Unexpected token <。关掉history模式后，不再报错，但是问题还是没有解决。...
vue router 切换history模式 报错: Uncaught SyntaxError: Unexpected token ‘＜‘
qq_33918022的博客
03-30 485
history。
Vue项目报错：Uncaught SyntaxError: Unexpected token <
10-17
主要介绍了Vue项目报错：Uncaught SyntaxError: Unexpected token <，在引入第三方依赖的 JS 文件时，遇到的一个问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
vue-cli 打包后提交到线上出现 “Uncaught SyntaxError:Unexpected token” 报错
01-21
前言: 项目使用vue-cli版本2.9.3 ,vue-router...页面全白,console打印:Uncaught SyntaxError:Unexpected token < 报错截图: 经过一番折腾,初步定位问题1在经过build/webpack.prod.conf.js的chunkhash打包后的JS文
vue-cli 打包后提交到线上出现 "Uncaught SyntaxError:Unexpected token" 报错
10-17
主要介绍了vue-cli 打包后提交到线上出现 "Uncaught SyntaxError:Unexpected token" 报错，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
echarts报错Uncaught SyntaxError: Unexpected token ‘＜‘
逍遥在南方的博客
02-18 6440
问题重现 最近需要研究echarts做图表，打算在html中先引用echarts试试。 于是百度到echarts官网的教程：5 分钟上手 ECharts <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>ECharts</title> <!-- 引入 echarts.js --> <script src="echart
vue history模式 二级路由报错 Uncaught SyntaxError: Unexpected token ‘＜‘
ysj_121的博客
10-19 670
vue history模式 二级路由报错 Uncaught SyntaxError: Unexpected token ‘＜‘
Vue项目报错Uncaught SyntaxError: Unexpected token ‘＜‘
热门推荐
weixin_43727560的博客
03-01 1万+
vue项目使用history模式访问route，发布线上时直接复制路径访问页面，页面空白，报错Uncaught SyntaxError: Unexpected token '<'。如何更改配置解决问题，包括static路径错误、nginx配置增加
Vue Uncaught SyntaxError: Unexpected token ‘＜‘ 路由问题
andyLyysh的博客
10-17 4064
Vue Uncaught SyntaxError: Unexpected token '
vue 路由刷新出新 Uncaught SyntaxError: Unexpected token ‘＜‘
qq_41121649的博客
08-30 4340
问题解决方法1：将在路由中引入的组件路径改为绝对路径，比如： // 原来引入方式 const a= () => import('./A/a.vue') // 将'./'改为'/' const a= () => import('/A/a.vue') 问题解决方法2：修改vue.config.js文件 const path = require('path') // 引入path模块 function resolve (dir) { return path.join(__dirname, dir
轻松解决【Vue】：Uncaught SyntaxError: Unexpected token ‘＜‘
前端、python爱好者
08-02 1709
vue2的一个项目，使用了自己使用webpack构建的工具，没有使用vue自带的脚手架构建。在本地运行没有问题，在打包完毕后，进入主页以及其它页面都没问题，但是如果在子路由中进行刷新，会发现导入JS的路由被改了，在引入路由时会明显发现路由位置不正确，因此我们需要修改一下引入的路径，方法也是类似的，但是修改的文件就不再是vue.config.js了，而是自己构建的另一个文件。了，那我们怎么改呢，其实百度中也有很多方式可以参考，但是因为不是采用了vue脚手架直接构建的，所以问题还得靠自己来解决，这就很无奈。..
解决VUE项目访问报错“Uncaught SyntaxError: Unexpected token }“错误
sunrj_niu的博客
01-05 5341
解决VUE项目访问报错"Uncaught SyntaxError: Unexpected token }"错误 vue项目，npm run build时点击路由切换，第一次点击没问题，再点不会切换报错如下图 Uncaught SyntaxError: Unexpected token ‘＜‘ 因为在将我的项目（在路由中用了懒加载）改为 history模式的过程中，有时候发现会出现chunk加载出错的情况，打开chrome的network发现那个chunk加载404了，是因为请求的url中多了一层路径。我在
vue报错：Uncaught SyntaxError: Unexpected token &lt；也就是前端的js请求响应数据是html格式的原因和解决方法
jycloub4的博客
08-04 5090
【代码】vue报错：Uncaught SyntaxError: Unexpected token &lt；也就是前端的js请求响应数据是html格式的原因和解决方法。
EasyClick易点云测 执行错误:SyntaxError: Unexpected token: ＜
Mr_老冷的博客
10-22 158
执行错误:SyntaxError: Unexpected token: < 常见于http请求返回值进行json解析时 此问题为接口错误,原返回json数据,接口返回了html导致 let ret = "<>" ret = JSON.parse(ret) //执行错误:执行错误:SyntaxError: Unexpected token: < (js/main.js#1 ) 解决方法: let str = "<>" //判断第一个字符是否为 { ,成功则说明
vue index.html报错 Uncaught SyntaxError: Unexpected token <
09-01
在Vue项目中，当在引入第三方依赖的JS文件时，可能会遇到报错信息"Uncaught SyntaxError: Unexpected token <"。这个错误通常是由于引入的JS文件路径错误导致的。在控制台中会提示这个错误，并且指出具体的文件和...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值