如何在 vue-cli 中设置 HTTP 标头？

Question

我想在 vue-cli 中设置自定义标头。

vue的版本是2.5.2。

我在 main.js 中尝试过：

import Vue from 'vue'
import App from './App'
import router from './router'

Vue.config.productionTip = false
Vue.http.headers.common['Cache-Control'] = 'no-cache, no-store, must-revalidate'

/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  template: '<App/>',
  components: { App }
})

但它返回：

Uncaught TypeError: Cannot read property 'headers' of undefined

Answer 1

您可以使用devServer您的选项vue.config.js将其代理到 webpack

设置标题：

devServer: {
   headers: { "Cache-Control": "no-cache, no-store, must-revalidate" }
}