vue打包 nginx Uncaught SyntaxError: Unexpected token ＜

最新推荐文章于 2024-07-13 22:59:42 发布
最新推荐文章于 2024-07-13 22:59:42 发布
阅读量3.7k 收藏 1
点赞数 1
分类专栏： nginx 文章标签： vue nginx java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44936331/article/details/108422797
版权

vue打包 nginx Uncaught SyntaxError: Unexpected token <

出现这个问题的原因大概率是因为session共享问题，有两种解决方案

第一种(改动较小)

1.使用ip_hash的策略

前端主要使用vue进行开发，在nginx做负载均衡时，各种加载不到静态文件，于是先按照网上的静态文件单独一个location，依旧没办法解决，废话不多说，直接在upstream中设置一个ip_hash;如下图
在这里插入图片描述
码掉的部分写项目名，不用单独进行静态文件的过滤。
如果还是没有效果

2.将nginx.conf的user改为root

如下图
在这里插入图片描述
上面两步包解决问题

第二种

继续使用默认的轮询策略，将登录信息存入redis中，实现session共享，过几天更新实现方式

yghhza
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
nginx部署uniapp项目,history模式,打开页面空白,报错：Uncaught SyntaxError: Unexpected token ‘＜‘
mashangzhifu的博客
07-03 8165
一、问题描述 nginx部署uniapp项目,history模式,打开页面空白,报错：Uncaught SyntaxError: Unexpected token ‘<’ 这种方式基本上就是配置错了导致的。 二、解决方法 下面我就讲一下我的解决方法吧，步骤如下： H5配置这里需要注意下，我这里选的是history，然后在运行路径哪里填了个路径，tk，后面会用到，他这里说明了，如果填的是./，默认就是hash模式，在路由模式哪里选择history，没有用，这两者打包出来之后，最明显的效果就是，has
Vue项目报错：Uncaught SyntaxError: Unexpected token
01-19
控制台的提示：Uncaught SyntaxError: Unexpected token < 按照提示进入文件，再看如下图： 仔细看了看 index.html 文件,发现原本我的 JS 文件是放在 /src/utils 文件夹下的，但引入 /src 和 /static 的文件是...
部署vue项目到nginx报错Uncaught SyntaxError: Unexpected token ‘＜‘
toString的博客
01-06 6856
出现这个错误一般都是由于路径的问题导致的,因为我在nginx里面有2个项目 location / { root /opt/web; try_files $uri $uri/ /index.html; index index.html index.htm; } location /icar { alias /opt/icar; try_files $uri $uri/ /index.html;
【JavaScript】解决 JavaScript 语言报错：Uncaught SyntaxError: Unexpected token
最新发布
Easonmax的博客
07-13 1091
在 JavaScript 编程中，“Uncaught SyntaxError: Unexpected token” 是一种常见的错误。这种错误通常发生在代码的语法不符合 JavaScript 标准时，比如缺少括号、分号，或使用了不正确的符号。了解这种错误的成因和解决方法对于编写正确、健壮的代码至关重要。“Uncaught SyntaxError: Unexpected token” 错误在 JavaScript 开发中非常常见，但通过了解其成因并采用适当的编码实践，可以有效预防和解决此类错误。语法元素匹配。
nginx部署vue项目报错：Uncaught SyntaxError: Unexpected token ‘＜‘或者chunk-6787b72d.5d528abd.js 403 错误
Sunny__wei的博客
04-12 2195
最近在部署vue项目的时候访问项目遇到了 控制台报错： Uncaught SyntaxError: Unexpected token '<' chunk-xxxxxx.js 403错误无法访问等 这里可以确认是的 项目打包的肯定没有问题，因为同一份包在别的服务器可以正常运行。 在网上搜了很多答案都没有用。 在这里记录一下自己的解决方法： 修改 dist 文件夹下的所有文件权限： 执行命令： # cd /data/jar/scmp/ui/dist //这里是自己项目部署的路径 # chm
Nginx代理及Vue报Uncaught SyntaxError: Unexpected token 错误等汇总
热门推荐
hithedy的专栏
08-26 2万+
测试环境虚拟机周五下午5点左右突然遭遇文件夹漂移事故，虽然是运维的事情，可是项目管理是自己的，周一还需要业务验收，真是头疼死了。 先后碰到若干问题，就不一一详细描述了，本博客只为自己留存备份，若是有人看到博客能顺便解决自己的问题也是举手之劳，若是不对症请不要恶语相向。 问题一、所有请求均报404错误，查看配置都是对的，结果发现是因为Nginx用户启动是nobody引起的，修改nobody之后解...
Vue打包后在nginx运行报错，Uncaught SyntaxError: Unexpected token ‘＜‘ chunk-vendors.94b6d934.js:1
qq_45504834的博客
07-12 2045
vue打包运行nginx Uncaught SyntaxError: Unexpected token '
Vue项目报错：Uncaught SyntaxError: Unexpected token <
10-17
主要介绍了Vue项目报错：Uncaught SyntaxError: Unexpected token <，在引入第三方依赖的 JS 文件时，遇到的一个问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
vue-cli 打包后提交到线上出现 "Uncaught SyntaxError:Unexpected token" 报错
10-17
主要介绍了vue-cli 打包后提交到线上出现 "Uncaught SyntaxError:Unexpected token" 报错，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
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打包后刷新页面报错：Unexpected token <
10-16
在使用Vue.js框架开发的项目中，打包后的静态文件部署到生产环境中时，遇到了页面刷新后报错“Unexpected token <”的问题。这个问题表明在解析index.html或者发生错误的页面时，解析器遇到了一个不符合预期的字符...
nginx发布项目提示Uncaught SyntaxError: Unexpected token ‘＜‘
weixin_44689966的博客
04-20 1329
如果有配置了这个之后，需要检查nginx中的nginx.conf文件中的顶部是否是user nginx;
nginx配置vue打包项目（亲测有效）Uncaught SyntaxError: Unexpected token ‘＜‘ app.30bad5 500 Internal Server Error
mrliucx的博客
04-29 3896
01.安装 1. 安装nginx（不同版本会导致某些指令运行不成功） 链接: https://pan.baidu.com/s/1yNpxhz5HZMZCd7C4RmpNBg 提取码: 5rze 2.解压到目录（例如：D:\nginx）下然后在文件目录路径输入框输入cmd 3.然后输入start nginx并进行回车 4.在浏览器输入http://localhost:8080/出现如下图所示的内容代表着运行成功 02.配置 1.界面配置 如下图所示，通过http://localhost:8080/访
问题记录：Uncaught SyntaxError: Unexpected token ‘＜‘
qq_30206955的博客
12-14 3453
这个问题主要是因为我们在前端项目的路径错误而且使用了nginx的时候使用了try_files属性（其他的服务器也会有相似的配置）导致的。 引起这个报错的原因是因服务器在接到我们错误的js请求或其他的请求路径的没有找到与之相匹配的文件 ，就走了try_files属性的最后一个配置项（默认返回）。vue项目中通常配置的是index.html文件为默认返回，这时浏览器说我需要一个XXX.js文件，而服务器却返回了index.html文件的内容，浏览器在接到内容后一看，你这第一个符号（也就是<）就不是js的
nginx配置 Uncaught SyntaxError: Unexpected token ‘＜‘ (at
hyupeng1006的博客
05-31 9451
nginx配置 Uncaught SyntaxError: Unexpected token ‘＜‘ (at
Uncaught SyntaxError: Unexpected token ‘＜‘
q1003675852的博客
01-30 5723
本文针对Uncaught SyntaxError: Unexpected token '
vue部署在nginx运行后报Uncaught SyntaxError: Unexpected token ‘＜‘
weixin_43977157的博客
03-23 5300
在nginx.conf中需要加上以下 location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)$ { expires 30d; } location ~ .*\.(js|css)?$ { expires 12h; } location ~ /\. { deny all;
Uncaught SyntaxError: Unexpected token 「
enthan809882的博客
07-09 575
恼人的操作： Uncaught SyntaxError: Unexpected token <
项目放在nginx疯狂Uncaught SyntaxError: Unexpected token ‘＜‘
m0_45091953的博客
09-01 3209
项目放在nginx疯狂Uncaught SyntaxError: Unexpected token ‘<’ ##是nginx的配置问题，按下图尽心修改即可 ##当用户请求 http://localhost/example 时，这里的 uri就是/example。tryfiles会到硬盘里尝试找这个文件。如果存在名为/uri 就是 /example。 try_files 会到硬盘里尝试找这个文件。如果存在名为 /uri就是/example。tryf​iles会到硬盘里尝试找这个文件。如果存在名为/r
antd vue 项目打包后uncaught syntaxerror: unexpected token '<
06-28
在使用Antd Vue框架时，如果在项目进行打包后，出现“Uncaught SyntaxError: Unexpected token '<'”的错误提示，一般是由于vue-router在使用history路由模式时，找不到打包后的index.html文件而引起的。 解决这个...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值