账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    Vue axis 代理请求不成功,跨域并报错
    39
    0

    1.vue axios跨域请求,后台已配置允许跨域,代理访问的时候还报错跨域
    2.配置了代理访问地址还是localhost


    axios.defaults.headers.common['Access-Control-Allow-Origin'] = "*";
    axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';


    proxyTable: {

      '/apis': {
        target: 'http://192.168.1.109/xxx/aa', 
        changeOrigin: true,
        pathRewrite: {
          '^/apis': '' 
          }
      }
    }
    
    
    

    this.$http.post('/apis/bbb/cccc', {

      json:JSON.stringify({})
    })
    .then(function (response) {
      console.log(response);
    })
    .catch(function (error) {
      console.log(error);
    });

    3.请求结果报错

    Request header field Access-Control-Allow-Origin is not allowed by Access-Control-Allow-Headers in preflight response.

    Error: Request failed with status code 404

    at createError (createError.js?16d0:16)
    at settle (settle.js?db52:18)
    at XMLHttpRequest.handleLoad (xhr.js?ec6c:77)
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • Vue 项目中使用 axis 代理请求不成功,跨域并报错,可能是由于以下原因:

      1. 代理设置问题:请确保 axis 代理配置正确,包括代理的 IP、端口、代理的域名等信息。在 axios 安装路径中添加 axis 代理配置,例如:

      axios.defaults.proxies = { proxy: { host: 'proxy.example.com', port: 8080, path: '/api', secure: false, }, };

      1. 跨域问题:请确保你和 axis 服务器之间没有跨域问题。如果跨域,可以使用 CORS 来解决,例如:

      axios.defaults.headers.common['Access-Control-Allow-Origin'] = '*'; axios.defaults.headers.common['Access-Control-Allow-Methods'] = '*'; axios.defaults.headers.common['Access-Control-Allow-Headers'] = 'Content-Type';

      1. 跨域响应头问题:请确保 axis 服务器能够响应跨域请求,例如:

      axios.get('/api/data', { headers: { 'Access-Control-Allow-Origin': '*', 'Access-Control-Allow-Methods': '*', 'Access-Control-Allow-Headers': 'Content-Type', }, }).then(response => { console.log(response.data); }).catch(error => { console.log(error); });

      1. 请求超时问题:请确保 axis 服务器有足够的资源来处理请求。如果请求超时,可能需要检查 axis 服务器的负载和性能。

      2. 代理服务器问题:请确保 axis 服务器和你的代理服务器之间没有问题。例如,代理服务器需要提供正确的域名和端口, axis 服务器需要支持跨域请求。

      如果以上都试过了还是没有解决问题,建议你详细检查代码和配置,可能需要更深入地理解 axis 代理和跨域请求的工作原理。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部