我在自己的开发服务器上运行了一个vuejs应用程序,现在我可以通过机器的公共IP访问该站点,但在使用nginx将其指向一个域后,它在控制台中显示了一个错误循环

error in console

无效的主机头

因此,脚本、样式注入和自动重新加载不起作用.

config of dev server

dev: {
  assetsSubDirectory: "static",
  assetsPublicPath: "/",
  disableHostCheck: true,
  host: "0.0.0.0", // '192.168.2.39',//can be overwritten by 
  process.env.HOST
  port: 8080,
  autoOpenBrowser: false,
  errorOverlay: false,
  notifyOnErrors: false,
  poll: true, 
  devtool: "cheap-module-source-map",
  cacheBusting: true,
  cssSourceMap: true
},

nginx config for the domain

server
{
  listen 80 ;
  listen [::]:80;
  server_name prajin.prakash.com;
  location / {
        proxy_pass http://localhost:8081;
  }
}

推荐答案

我相信你需要改变vue.config.js

module.exports = {
  devServer: {
    disableHostCheck: true
  }
}

Vue.js相关问答推荐

如何以惯用的方式触发 vue3 中同级组件的效果?

视图中的 vue 样式不适用于 html

如何在vue js模板中添加foreach和for循环

Vue 3 / Vuetify 3:如何为按钮设置全局默认 colored颜色

如何在 VUE.js 中重新刷新时保持多层 b-collapse 菜单打开?

vue js导航到带有问号的url

webpack vue-loader 配置

Vue子组件等待props

在下拉菜单上使用箭头键滚动

为什么 vue 中的 @mouseover 操作不起作用

为什么Vue.js 使用单字标签

我可以使用 vue.js v-if 来判断值是否存在于数组中

Vue 组件 Vue-Instant

在 .vue 文件中使用 Vue.set() 和 Vue.use()

Vue.js 拦截器

Vue Chart.js - 条形图上的简单点/线

如何从 Vuex 操作访问 Vuex 状态属性?

如何在 Vue.js 中延迟 @keyup 处理程序

带有 Firebase 云消息传递的 Vue pwa 无法正常工作

在~/components/AddPlaceModal.vue中找不到导出AddPlaceModal