VUE 打包后继续使用代理

vue.config.js的 devServer 节点配置如下:

devServer: {
    port: 9011, // 端口号
    https: false, // https:{type:Boolean}
    open: "Google Chrome", //配置自动启动浏览器
    openPage: "/", //指定打开浏览器时要导航到的页面
    proxy: proxyConfig.proxyList
  },

proxyConfig.js

module.exports = {
  proxyList: {
    "/api": {
      target: `${process.env.VUE_APP_BASE_URL}`, //设置调用接口域名和端口号别忘了加http
      secure: false, // 如果是https接口,需要配置这个参数
      changeOrigin: true,
      ws: true,
      toProxy: true,
      pathRewrite: {
        "^/api": "/"
      }
    },
    "/apis": {
      target: `${process.env.VUE_APP_BASE_URL}`,
      secure: false,
      changeOrigin: true,
      ws: true,
      toProxy: true,
      pathRewrite: {
        "^/apis": "/"
      }
    }
  }
};

打包发布后需要在nginx配置文件中加入如下配置:

 location /api/{
          proxy_redirect off;
          proxy_set_header Host $host;
          proxy_set_header X-Real-IP $remote_addr;
          proxy_set_header X-Forwarded $proxy_add_x_forwarded_for;
          proxy_pass http://*.*.com; #请求地址
        }


      location /apis/{
              proxy_redirect off;
              proxy_set_header Host $host;
              proxy_set_header X-Real-IP $remote_addr;
              proxy_set_header X-Forwarded $proxy_add_x_forwarded_for;
              proxy_pass  #请求地址 
      }


本文作者:admin

本文链接:https://www.javalc.com/post/77.html

版权声明:本篇文章于2021-09-16,由admin发表,转载请注明出处:分享你我。如有疑问,请联系我们

同一台服务器 nginx配置https以及http自动跳转https

发表评论

取消
扫码支持