vue-cli3设置代理无效

Question

vue-cli3设置代理无效
这是我设置代理的代码：
module.exports = {
devServer: {

open: true,
proxy: {
  '/news': {
    target: 'http://192.168.1.244/api',
    ws: true,
    changeOrigin: true
  }
}

}
}
报错：
Failed to load http://192.168.1.244/api/news...: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8080' is therefore not allowed access

Answer 1

写法不对。

open: true,
proxy: {
  '/api': {
    target: 'http://192.168.1.244',
    ws: true,
    changeOrigin: true
  }
}
请求时候直接写 axios.get('/api/news')

Answer 2

项目根目录下创建 vue.config.js 内容如下

module.exports = {
  devServer: {
    proxy: "http://192.168.1.244",
    https: false
  }
}

Answer 3

vue-cli3 vue.config.js踩坑总结demo：https://juejin.im/post/5bd02f...