「已解决」Mac | nginx； nginx代理本地开发环境vue项目报错: app.js net::ERR_CONTENT_LENGTH_MISMATCH 200 (OK)

最新推荐文章于 2024-06-26 11:10:36 发布
最新推荐文章于 2024-06-26 11:10:36 发布
阅读量502 收藏
点赞数
分类专栏： Mac nginx Vue 文章标签： nginx vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40314318/article/details/120325947
版权
Vue 同时被 3 个专栏收录
22 篇文章 0 订阅
订阅专栏
Mac
8 篇文章 1 订阅
订阅专栏
nginx
3 篇文章 0 订阅
订阅专栏
博客内容讲述了在本地开发环境中，由于前端Vue项目需要实现单点登录（SSO）且存在跨域限制，导致无法共享cookie。通过配置nginx作为代理服务器，将9090端口暴露，并设置前后端代理转发，解决了这个问题。博主通过在Mac系统上使用sudo命令启动nginx成功实现了这一解决方案。
摘要由CSDN通过智能技术生成

报错原因

nginx 启动没有权限 🌚

项目需求

  1. 本地启动多个前端vue 项目, 登录项目需要单点 (sso) 登录. 后台接口有鉴权管理.
  2. cookie 存储在 127.0.0.1:9090 地址, 如果三个项目启动在不同端口, 那么互相访问不到 cookie.

解决需求

本地开启 nginx 代理, 代理 9090 端口, 配置前后端代理转发.

解决

使用 sudo 命令启动 nginx , Mac 系统.
在这里插入图片描述

我看刑
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue项目，Spring，Nginx，Tomcat，请求时出错：ERR_CONTENT_LENGTH_MISMATCH
qq_42264793的博客
11-10 749
通过Nginx访问后端Tomcat应用，ERR_CONTENT_LENGTH_MISMATCH
mac nginx映射ip和端口_mac 上配置 nginx 端口转发访问 angular 项目
weixin_30016593的博客
02-17 842
背景在进行前端的移动端开发时，需要在手机上预览电脑上的项目。以 angular 为例，默认启动项目后，在开发机(以 Mac 为例)的浏览器地址栏输入 http://localhost:4200 即可访问。我们假设前端默认开启的端口号是4200如果想要在手机上访问，我们先确保手机和 Mac 链接的同一个网络(链接同一个 WIFI 即可)，Mac 上输入12ifconfig输出1234567en0: ...
vue net::ERR_CONTENT_LENGTH_MISMATCH 200 (OK)
tenc1239的博客
06-17 704
先切换到指定目录，在终端输入以下命令。更改下权限，输入以下命令。重启nginx,输入。
laravel 文件下载,浏览器报错 net::ERR_CONTENT_LENGTH_MISMATCH 200 (OK)问题探究
最新发布
sinat_20980541的博客
06-26 402
对于来自 FastCGI Server 的 Response，Nginx 将其缓冲到内存中，然后依次发送到客户端浏览器。而这些缓冲区是根据实际的 Response 大小动态生成的，并不是一次性创建的。当 Response 小于等于 36k 时，所有数据当然全部在内存中处理。问题虽然解决了，但还不知道是什么原因造成的，如果就此放下，估计今晚都会睡不着觉的…1、先打印数据,看是否是因为数据错误导致的导出文件问题,后经过断点打印数据,都是正常.的作用就在于此，多出来的数据会被临时写入到文件中，放在这个目录。
nginx反向代理vue访问时浏览器加载失败，出现 ERR_CONTENT_LENGTH_MISMATCH 问题
weixin_30512089的博客
02-26 696
问题说明：测试机上部署了一套业务环境，nginx反向代理tomcat，在访问时长时间处于加载中，十分缓慢！ 通过浏览器调试（F12键->Console），发现有错误ERR_CONTENT_LENGTH_MISMATCH出现： 查看nginx日志（当出现故障时，要记得第一时间查看相关日志）.......open() "/Data/app/nginx/proxy_temp/3...
nginx部署vue项目出现404查找不到js，css文件解决方法
yb305
12-19 5823
nginx部署vue项目出现查找不到js，css文件,查看请求发现是路径问题； 直接修改vue项目中的vue.config.js文件，将基本路径设置为相对路径 module.exports = { // 基本路径 publicPath:"./", // 可以设置成相对路径，这样所有的资源都会被链接为相对路径，打出来的包可以被部署在任意路径 outputDir:“dist”, //打包时生成的生产环境构建文件的目录 assetsDir: ‘static’, // 放置生成的静态资源 (js、css、im
get请求是报 net::ERR_CONNECTION_RESET 200 是服务端流量限制导致
热门推荐
拼命小孩的成长专栏
02-18 1万+
前端get请求是报错net::ERR_CONNECTION_RESET 200 js无报错，服务端也没错误日志 经排常公司网络限制了网络流量导致此问题，限制去掉，问题单解决
vue.js使用代理和使用Nginx来解决跨域的问题
11-27
使用Nginx 反向代理解决跨域问题（vue.js使用代理去掉vue.js因为跨域而触发的options请求） 我们的项目还是需要node.js作为容器的 一、Windows 下安装Nginx （官网下载稳定版http://nginx.org/en/download.html） 二...
前端面试题整理：Nginx、webpack、Html&Css、Vue、JavaScript.zip
10-19
在前端开发领域，掌握Nginx、webpack、HTML&CSS、Vue.js以及JavaScript等核心技术是至关重要的。这些技术不仅构成了现代Web应用的基础，也是面试中常见的考查点。下面将逐一详解这些技术及其在实际开发中的应用。 *...
vue项目打包部署_nginx代理访问方法详解
01-19
我又来了，今天部署了下vue项目，使用nginx做了代理，这样可以解决跨域的问题，这里做一个简单讲解。 1、先看vue项目打包（我这里使用的是vscode开发工具） 这里是我的项目结构： 打包之前需要修改如下配置文件： ...
nginx 部署 vue 项目找不到js css文件的解决方法
01-11
很多时候 npm run build 之后， index.... 你需要在项目的根目录新建一个 vue.config.js, 添加如下内容： ... module.exports = { baseUrl: isProd ? '/baseXXX/' : '/', .... } 这里需要注意的是 dev 环境下不需
Vue项目部署的实现（阿里云+Nginx代理+PM2）
12-12
Vue项目部署到阿里云ECS涉及的关键步骤包括配置Nginx代理、使用PM2管理和启动Node服务以及确保正确处理跨域请求。以下是对这些知识点的详细说明： 1. **Nginx代理**： - Nginx是一个高性能的HTTP和反向代理服务器...
create-react-app配置代理
我不写文章，我只是文章的搬运工
02-28 1124
用create-react-app搭建最基本的脚手架，如果想配置代理，可以在src下面创建setupProxy.js ( 默认这个名字，可以打开webpack配置能看到 ) const { createProxyMiddleware } = require("http-proxy-middleware"); module.exports = function (app) { app.use( "/api", createProxyMiddleware({ target: "服
nginx代理vue
weixin_38879321的博客
03-21 5231
一、nginx代理vue的意义 vue打包后,因为开发环境设置代理 proxy 的原因, 使得访问打包页面 dist/index.html 请求数据出现跨域。 nginx代理vue的意义在于把开发环境中的代理 proxy: {'/api': ... 的/api, 换成生产环境中的地址。 二、下载nginx nginx官网下载并解压，推荐使用稳定版本（nginx/Windows-1.18.0） 三、vue打包 npm run build // 打包文件 (默认)生成文件夹 dist 四、放入ngi
vue反向代理解决跨域及部署nginx端口转发解决跨域
qq_38755190的博客
11-13 4240
发
mac nginx映射ip和端口_Mac环境下使用Nginx实现80端口转发8080端口
weixin_36012215的博客
02-01 285
由于项目本身的原因，开发必须使用80端口实现，而在Unix内核中非Root用户无法直接使用1024以下的端口，最初作者找到了pfctl的方式实现80端口转发到8080端口实现访问，经过亲测出现了最为严重的问题，按照当时的方法配置好之后发现本机Mac通过localhost/和127.0.0.1/可以访问，此时很是兴奋，但出现了最根本的问题，那就是同局域网内其他机器通过访问IP地址/(例如：IP地址是...
net::ERR_CONTENT_LENGTH_MISMATCH 200 报错处理
qq_29520895的博客
06-30 5088
net::ERR_CONTENT_LENGTH_MISMATCH 200 网络错误
vue网站打包后报错：net::ERR_CONTENT_LENGTH_MISMATCH 200 (OK)
jeesr的博客
02-05 1541
vue开发的网站，打包上线后，经常有两个大点的js文件报错：（一个1M多点，一个650K） net::ERR_CONTENT_LENGTH_MISMATCH 200 (OK) 在网上搜索，答案基本上都说是nginx的proxy_temp目录权限的问题，但是我查看了我的nginx错误日志，并没有这样的报错，而且尝试了修改所有权限都没有效果。 最后我启用了https后，发现报错没有了，也不知道什么原因。 ...
net::ERR_CONTENT_LENGTH_MISMATCH 200 (OK)问题解决
weixin_50466477的博客
09-08 1267
其实修改nginx目录权限之前不用重载nginx也能恢复 为什么我要重载是因为我之前有进入nginx主配置文件，为了防止我不小心修改到了nginx配置文件，所以我选择了重载nginx配置文件，如果你不小心修改了配置文件你又不重启的话，很可能下一个人来修改nginx配置文件并重启时会出现意想不到的问题，所以提倡只要自己修改了配置文件都重启一下。还有一种可能就是你的nginx使用普通用户起的 但是有一天你用root修改了nginx 随手就重启了nginx 这样也会导致nginx出现上述问题。
Nginx配置本地文件代理报错net::ERR_CONNECTION_TIMED_OUT
06-08
这个错误通常表示 Nginx 无法连接到指定的代理服务器。可以尝试以下几个步骤来解决这个问题： 1. 确认代理服务器的地址和端口是否正确。 2. 检查代理服务器是否正在运行，并且是否可以被访问。 3. 确认防火墙是否允许 Nginx 访问代理服务器。 4. 检查 Nginx 的配置文件是否正确配置了代理服务器。 如果以上步骤都没有解决问题，您可以尝试在本地使用 curl 命令测试代理服务器是否可以正常工作。例如，运行以下命令： ``` curl -x http://代理服务器地址:端口 http://要访问的网址 ``` 如果 curl 命令可以正常访问网址，那么问题可能是 Nginx 配置问题，您可以再次检查配置文件并尝试重新启动 Nginx。如果 curl 命令无法访问网址，那么问题可能是代理服务器的问题，您需要检查代理服务器的配置和状态。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值