VUE项目打包后posy代理失效Nginx解决

ravi++

已于 2022-04-24 17:15:23 修改

阅读量4.2k

点赞数

CC 4.0 BY-SA版权

分类专栏：打包 nginx vue 文章标签： vue nginx

于 2022-03-28 00:24:54 首次发布

本文链接：https://blog.youkuaiyun.com/m0_59579040/article/details/123785072

打包 nginx 同时被 2 个专栏收录

5 篇文章

订阅专栏

vue

1 篇文章

订阅专栏

本文介绍如何在Vue项目中配置代理以解决跨域问题，并详细展示了如何将配置好的项目通过Nginx进行部署。包括vue.config.js中的devServer设置与Nginx.conf中的location配置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vue项目打包dist部署Nginx

Vueproxy代理失效Nginx解决办法

vue.config.js

 devServer: {
  proxy: {
            "/oauth2": {
                target: 'http://localhost:12911/oauth2/',
                secure: false,
                changeOrigin: true,
                pathRewrite: {
                    '^/oauth2': 'http://localhost:12911/oauth2/'
                },
            },
        },
     }

Nginx.conf

location /oauth2/ {
            proxy_pass http://localhost:12911/oauth2/;
			proxy_redirect off;
			proxy_set_header Host $host;
			proxy_set_header X-Real-IP $remote_addr;
		    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
			proxy_connect_timeout 90;
			proxy_max_temp_file_size 0;
            index  index.html index.htm;
			access_log  logs/oauth2-auth.access.log;
			error_log  logs/oauth2-auth.error.log debug;
			
        }