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

【问题标题】：How to set HTTP header in vue-cli?如何在 vue-cli 中设置 HTTP 标头？
【发布时间】：2020-04-17 09:45:44
【问题描述】：

我想在 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

【问题讨论】：

标签： http vue.js header vue-cli

【解决方案1】：

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

设置标题：

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

【讨论】：

【解决方案2】：

我认为您需要安装 vue-resource 或 vue-axios 库才能完成这项工作并进行 REST 调用。

请安装并重试。

https://github.com/pagekit/vue-resource

https://github.com/imcvampire/vue-axios

我希望这会有所帮助。

【讨论】：

对不起，我的示例源代码让您感到困惑。我想做的不是解决CORS问题。
是的，不管是什么问题，但 Vue 中没有内置的“http”变量。您必须安装我列出的这些库中的任何一个。您是否已经安装并且无法正常工作？如果是这种情况，请告诉我，如果没有安装，请安装并尝试。
如果尚未安装，请安装 vue-resource，然后将以下行添加到 main.js 下方“从'./router'导入路由器”import VueResource from 'vue-resource'; Vue.use(VueResource);那么它应该可以正常工作。
@JeongyongLee 太好了。请接受我的回答作为您问题的解决方案。 stackoverflow.com/help/someone-answers
问题很清楚（但可以使用一些编辑）并且与从 vue 发出 http 请求无关，而是在使用 vue-cli 开发服务器（服务命令）时发送自定义标头，这就是 OP 正在寻找的东西，和我一样，绝不是这个答案要解决的问题