Vue 开发环境axios 请求每次都301 解决方案

如过你的情况和我一样,可以尝试一下这篇文章方法

首先检查 NGINX

看看nginx.conf 内是否有这检查443端口

if ($server_port !~ 443){
    rewrite ^(/.*)$ https://$host$1 permanent;
 }

解决方案一 （nginx解决）

注释或干掉它

 #if ($server_port !~ 443){
 #   rewrite ^(/.*)$ https://$host$1 permanent;
 #}

解决方案二 (vue.config 解决)

前端查看vue.config.js devServer 代理

devServer: {
    port: 9010,
    disableHostCheck: true,
    proxy: {
      '/api': {
        // 如果接口请求为HTTPS 代理的地址请求也必须是 https 如果不是则返回301
        target: 'https://xxx.xxx.cn/', // 后台接口代理地址(正确)
        // target: 'http://xxx.xxxx.cn/', // 后台接口代理地址(错误)
        ws: false, // 如果要代理websockets
        changeOrigin: true, // 将选项changeOrigin设置true为基于名称的虚拟托管站点。
      },
    },
  }