项目中的跨域设置

 首先第一步把vue.config.js放在项目的根目录下
然后重启项目
 在这里代理的关键字是/api,也就是在之后请求的时候 在路径前拼接/api
 如果用http 必须要把baseurl删除

/*
 * @Description: 配置文件
 */
module.exports = {
  publicPath: "./",
  devServer: {
    open: true,
    proxy: "http://106.15.179.105/api"
  },
};


proxy是代理的意思

 代理跨域就是在欺骗浏览器 让浏览器认为你访问的还是 同源的localhost:8080 ,但是用代理把地址代理到了需要跨域的地址去了。

在项目中使用方法实例如下:

// 获取轮播图数据
    this.$axios
      .post("/api/resources/carousel", {})
      .then(res => {
        this.carousel = res.data.carousel;
      })
      .catch(err => {
        return Promise.reject(err);
      });

Guess you like

Origin blog.csdn.net/jfx_jfx/article/details/117373646