急求老师帮助！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)
      }
    },

结果是控制台报错：
图片描述
这里报错的链接是：
http://localhost:8080/audit/“http://10.68.15.191:8513/audit/audit/getOperationLog?pageNum=1&pageSize=2

写回答

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文件不用配置跨域了？

幸福谷

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全家桶+最新前端技术+前后端分离架构，完整项目流程

1610 学习 · 1951 问题

查看课程

相似问题

老师求助，电子书渲染不出来，目前开发到书城首页，回去访问阅读器就炸了

回答 2

无法进入到阅读页面

回答 3

老师，用你的方法请求数据没问题，但使用axios请求时，为什么book对象数据为空

回答 1

怎么图片显示不了了之前还可以，是老师那边服务器问题吗

回答 1

关于mock接口的问题

回答 1

打开慕课网App查看更多内容