先介绍一下环境,Windows10系统,vue-cli4

  再直接讲结果,vue.config.js配置如下:

 注意:target加上前缀http://

因为之前Windows和Linux写法是有区别的,Windows是直接ip+端口就可以,vue-cli4这样写就会报如题目所示错误。

再加上axios相关配置及使用:

先安装axios:

npm install axios --save

main.js引入:

import axios from 'axios'
axios.defaults.baseURL = '/api'
Vue.prototype.$http = axios;

页面中引用:

this.$http.post('/url', this.params).then(function (res) {
    console.log(res);
})

最近新写一个vue项目,发现vue-cli4和之前的版本有挺多不同的,相关配置网上挺多的了,但是在配置代理跨域的时候,项目老是报Proxy error: Could not proxy request XXX from XXX to XXX问题,网上大多都是说服务未启动原因报错的,但是我这肯定不是这个原因,后台用postman测试可以正常访问,百思不得其解时突然想起来Windows和Linux系统的target写法是不一样的,死马当活马医,我试了一下改成Linux的写法,居然可以了!浪费我许久时间,记录一下,也给大家排个雷。

Logo

前往低代码交流专区

更多推荐