ES6 fetch：如何更改它调用的本地主机端口？

Question

我在 :8080 上有一个 webpack-dev-server 运行 node.js 服务于我的前端。我在 :8088 上有一个 Spring Boot MVC 应用程序运行服务于我的实际后端服务。

我有一个登录系统，我想在 :8088 上调用，我如何更改 fetch 函数的永久设置以引用 :8088 而不是每次都引用 :8080函数被调用了？

我尝试了以下方法，但无济于事：

login ({commit}, authData) {
      fetch('/api/login', {
        username: authData.username,
        password: authData.password
      }, {
        mode: 'no-cors',
        method: 'post',
        url: `http://localhost:8088`,
        credentials: 'include'
      }) // ... goes on

不过，还是指8080:

bodyUsed: false
headers: Headers {  }
ok: true
redirected: false
status: 200
statusText: "OK"
type: "basic"
url: "http://localhost:8080/api/login"

Answer 1

您是否尝试过将完整的 url 放入您的 fetch 第一个参数中？很确定 /api/login 会向当前主机发出请求。

fetch('http://localhost:8088/api/login', {
    username: authData.username,
    password: authData.password
  }, {
    mode: 'no-cors',
    method: 'post',
    url: `http://localhost:8088`,
    credentials: 'include'
  })

当然你需要启用 CORS 才能工作。

ES6 fetch：如何更改它调用的本地主机端口？

ES6 fetch: How do I change the localhost port it calls?

javascript

spring

ecmascript-6

fetch-api