背景：我新建了一个vue2的项目，通过康师傅的博客api，获取了文章详情的数据进行渲染，本地已经初步调试完成，现在需要部署到服务器中。

服务器二级域名已经设置api，端口打开2022,已经在nginx的wwwroot中创建文件夹sob。把构建的dist丢进去了，访问http://api.moonlightshadow.cn:2022

server {
		listen       2022;
		server_name  api.moonlightshadow.cn;# 


		location ^~/ct/ {
			proxy_pass   https://api.sunofbeach.net;
			#以下是一些反向代理的配置可删除
			proxy_redirect             off;
			#后端的Web服务器可以通过X-Forwarded-For获取用户真实IP
			proxy_set_header           Host $host;
			proxy_set_header           Cookie $http_cookie;
			proxy_set_header           X-Real-IP $remote_addr;
			proxy_set_header           X-Forwarded-For $proxy_add_x_forwarded_for;
			proxy_set_header           HTTP_X_FORWARDED_FOR $remote_addr;
			proxy_set_header           X-Forwarded-Server $host;
		 }
		
		location / {
			root   /usr/share/nginx/wwwroot/sob;
			index  index.html index.htm;
		}
		
	}

vuejs的本地调试的地址配置vue.config.js

module.exports = {
    devServer: {
      proxy: {
        '/uc': {
          target: 'https://api.sunofbeach.net',
          changeOrigin: true,
        },
        '/ct': {
          target: 'https://api.sunofbeach.net',
          changeOrigin: true,
        },
      }
    }
}