当前位置： 移动技术网 > IT编程>脚本编程>vue.js > VUE之axios解决跨域方案

VUE之axios解决跨域方案

2020年08月10日  | 移动技术网IT编程  | 我要评论
跨域示例

在这里插入图片描述
Access to XMLHttpRequest at ‘xxxx’ from origin ‘http://localhost:8080’ has been blocked by CORS policy: Response to preflight request doesn’t pass access control check: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.

解决

在vue.config.js中（vue-cli3之后需要自己建）
	   devServer: {
        host: 'localhost',
        port: 8080, // 端口
        https: false,
        proxy: {
            // 配置跨域

            '/api': {
                target: '目标域名 如 http://baidu.com',  // 代理的接口域名以及端口号；
                ws: true,   // 支持ws协议；websocket的缩写；
                changeOrigin: true,// 是否跨域
                pathRewrite: {     // 路径替换
                    '^/api': ''
                }
            }
        },
        hotOnly: false,
        before: app => { }
    },
接口调用
  this.$axios({
      url: "index",
      method: "get",
      params: {},
    }).then((res) => {
      console.log(res);
    });

本文地址：https://blog.csdn.net/AIB_Kasic/article/details/107866846

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网