微软WebApi 2和SPA Vue2的热重放

Question

前端: VueJs2 (vue-cli webpack)为SPA

后端: Microsoft WebApi 2

我无法在项目上设置热重新加载，因为reloading在定义的端口上启动节点服务器，而我的WebApi位于不同端口的=>跨域错误。(我无法在IIS中禁用跨域)

我知道，有了Asp.Net核心，就有了NodeServices包(Nuget和npm)来启用热重装。

WebApi 2有类似的解决方法吗？

Answer 1

您可以通过在webpack配置中添加代理来使其工作。(vue-cli webpack配置)

config/index.js

dev: {
env: require('./dev.env'),
port: 52286,
autoOpenBrowser: true,
assetsSubDirectory: 'static',
assetsPublicPath: '/',
proxyTable: {
  '/someExamples': {
    target: 'http://localhost',
    changeOrigin: true,
  },
...
},

build/dev-server.js

var uri = 'http://localhost:' + port + '<path to home>'

var _resolve
var readyPromise = new Promise(resolve => {
  _resolve = resolve
})

console.log('> Starting dev server...')
devMiddleware.waitUntilValid(() => {
  console.log('> Listening at ' + uri + '\n')
  // when env is testing, don't need open it
  if (autoOpenBrowser && process.env.NODE_ENV !== 'testing') {
    opn(uri)
  }
  _resolve()
})

任何向http://localhost:52286/someExamples提出的请求都将被重定向到http://localhost/someExamples，后者可以是一个本地网站。