急求老师帮助!axios请求前面自带了去不掉的lhost:8080

来源:7-15 书城首页(mockjs使用方法讲解)

幸福谷

2019-07-03

VUE_APP_baseURL=http://10.68.15.191:8513

上面是.env.development的代码

let config = {
  baseURL: process.env.VUE_APP_baseURL,
  timeout: 60 * 1000, // Timeout
  withCredentials: true, // Check cross-site Access-Control
};

const _axios = axios.create(config);

这里是截取的关键代码,axios是从vue ui的插件里下载的
接着是调用的关键代码:

    created () {
      this.operate(this.pageInfo)
    },
    methods: {
      async operate (params) {

        this.list = await this.axios.get('/audit/audit/getOperationLog', { params })
        console.log(this.list)
      }
    },
写回答

1回答

幸福谷

提问者

2019-07-03

问题出在这句代码上了withCredentials: true,把它删掉就可以了。还有因为我是直接通过vue ui的插件来安装axios的,它里面通过Plugin.install的方式来配置的,(这里只是其中的一部分,希望老师在vue ui里面下载axios来体验

Plugin.install = function(Vue, options) {
  Vue.axios = _axios;
  window.axios = _axios;
  Object.defineProperties(Vue.prototype, {
    axios: {
      get() {
        return _axios;
      }
    },
    $axios: {
      get() {
        return _axios;
      }
    },
  });
};

Vue.use(Plugin)

export default Plugin;

最后,是重点请教时间(这个问题纠结蛮久了一直没想明白)

1.如果我也单独建一个api.js文件(单独放接口)来引用,要怎么写代码引用到axios实例?(.vue文件可以通过this.axios来引用)

2.是不是vue.config.js文件不用配置跨域了?

0
2
幸福谷
回复
Sam
老师,我是按照你的代码测试别的接口没事,一测试公司内网就报错:http://localhost:8080/audit/%E2%80%9Chttp://10.68.15.191:8513/audit/audit/getOperationLog?pageNum=1&pageSize=2 (这是多出来的前缀要怎么去掉啊http://localhost:8080/audit/%E2%80%9C)
2019-07-04
共2条回复

Vue 实战商业级读书Web APP完整项目

Vue全家桶+最新前端技术+前后端分离架构,完整项目流程

1621 学习 · 1951 问题

查看课程