前端 跨域解决

vue（vue.config.js)

  devServer: {
 proxy: {
      ['/api']: {
        target: `http://192.168.1.162:48080`, 
        changeOrigin: true,
        pathRewrite: {
          ['^/api']: '/'
        }
      },
}}

nginx 通用

官方网站：https://nginx.org/en/download.html

安装（Stable version稳定版）

下载后解压（切记不能含有中文路径）

启动  

启动命令：nginx

关闭命令：nginx -s stop

配置文件："E:\nginx-1.22.1\conf\nginx.conf"

http:{

	server {
        listen       58403;
        server_name  localhost;
		
        location / {
            proxy_pass http://localhost:8080;/// 访问项目的路径
        }

		location /api {
            proxy_pass http://123456/api;  
        }
	
	}
}

效果

打开浏览器访问locahost:58403 ，会代理到本地项目访问地址，项目中遇到 /api 开头的接口都会代理到 http://123456/api