Vue Vue。配置。js代理404

Question

我正在学习VUEJS2教程#32-HTTP请求和Vue资源到jsonplaceholder的教程。打字代码。com。如果我不代理它，它将发出CORS错误。

vue.config.js：

module.exports = {
  devServer: {
    proxy: {
      '^/api': {
        target: 'https://jsonplaceholder.typicode.com',
        ws: true,
        changeOrigin: true,
        pathRewrite: { '^/api': '' }
      }
    }
  }
}

HTTP post请求：

this.$http.post('/api/posts', {
    userId: 1,
    title: this.blog.title,
    body: this.blog.content,
}).then(function (data) {
  console.log(data)
});

错误：

XHR POST http://localhost:8080/api/posts [HTTP/1.1 404 Not Found 3ms]

我试过：

>

Vue.jsvue.config.js中的代理被忽略

https://cli.vuejs.org/config/#devserver-代理

Vue代理设置不工作

使用axios和vue资源

编辑：

>

已尝试将'/api/posts'更改为'https://jsonplaceholder.typicode.com/posts“，导致CORS错误。

在vue中添加了pathRewrite:{'^/api':''}。配置。json代理，仍不工作。

尝试的代理更改原点设置似乎不起作用，仍然不起作用。

Answer 1

我看到你的请求，如果去你的localhost，而不是你想击中的实际服务器，你试过改变this。$http.post（'/api/post'，{tothis。$<--plhd--2https://jsonplaceholder.typicode.com/api/post ', {

从vuecli的文档中可以看出，代理服务器并不意味着您需要停止在请求中写入该服务器的URL。