vue-cli 解决Invalid Host header

在webpack.dev.conf.js中添加:disableHostCheck: true

devServer: {

public: ‘local.kingsum.biz‘,

clientLogLevel: ‘warning‘,

historyApiFallback: true,

hot: true,

compress: true,

host: HOST || config.dev.host,

port: PORT || config.dev.port,

open: config.dev.autoOpenBrowser,

overlay: config.dev.errorOverlay

? { warnings: false, errors: true }

: false,

publicPath: config.dev.assetsPublicPath,

proxy: config.dev.proxyTable,

quiet: true, // necessary for FriendlyErrorsPlugin

watchOptions: {

poll: config.dev.poll,

},

disableHostCheck: true     加上这段

}

时间: 2024-10-15 02:18:49

vue-cli 解决Invalid Host header的相关文章

【记录】解决uni-app 用nginx反向代理出现Invalid Host header问题

之前解决过一次,后来给忘记了,今天又遇到这个问题,现记录一下 修改uni-app的manifest.json文件  - >源码视图 添加以下代码: "disableHostCheck" : true //解决127.0.0.1指向其他域名时出现"Invalid Host header"问题 VUE项目遇到此问题也类似解决方案(因为uni-app :一款基于vue的跨平台前端框架) VUE工程解决方案参考:https://blog.csdn.net/Cookys

nodejs 项目,请求返回Invalid Host header问题

今天在linux上安装node,使用node做一个web服务器,在linux上安装各种依赖以后开始运行但是,出现了:Invalid Host header 的样式,在浏览器调试中发现是node返回的错误! 于是就百度,最后找到了一个解决的方法,(看的别人的). 是webpack-dev-server版本更新了的问题. 解决问题的方法: 添加配置信息 disableHostCheck: true // 启动服务 var app = new WebpackDevServer(webpack(conf

create-react-app之Invalid Host Header

[create-react-app之Invalid Host Header] 1.When you enable the `proxy` option, you opt into a more strict set of host checks. This is necessary because leaving the backend open to remote hosts makes your computer vulnerable to DNS rebinding attacks. yo

vue 项目中访问出现 Invalid Host header

使用vue-cli 构建vue项目,使用了nginx 做了反向代理,访问项目出现 原因:webpack-dev-server 检查 host,如果不是配置的内容,将不能访问 解决:在webpack.dev.conf.js 中,添加如下代码 1 devServer: { 2 disableHostCheck: true 3 } 添加此内容可绕过主机检查. 原文地址:https://www.cnblogs.com/amy2017/p/10356536.html

vue cli 解决跨域 线上 nginx 反向代理配置

前后分离 axios 接 api 跨域问题如图: 解决办法: 1. npm start 本地开发环境解决: 在webpack配置文件 /config/index.js 里找到 proxyTable 开启代理 changeOrigin:true, proxyTable: { '/api':{ target:'http://xx.xx.xx.xx:5568', changeOrigin:true, pathRewrite:{ '^/api':'/api' } } }, 2. npm run buil

webpack-devServer其他机器访问报 invalid host header

http://stackoverflow.com/questions/43650550/invalid-host-header-in-when-running-react-app

webpack-dev-server 报 [ Invalid Host/Origin header ] 错误

使用webpack-dev-server有一段时间了,今天在调试时突然遇到 Invalid Host/Origin header 错误,还以为是react-hot-loader 没有配置好,因为改成v4的写法,是不是自己写错了.结果没有找到原因.之前一直是这么配置的,但是今天才看到这个错误. 查了资料,这是昨天新出的一个issue https://github.com/webpack/webpack-dev-server/issues/1604,解决方案是在devServer的配置中添加  di

vue不是内部命令、安装@vue/cli失败、找不到vue.cmd文件等问题的解决方法

最近打算用vue-cli写项目,发现用官网提供的安装方式npm install @vue/cli -g怎么都安装不上,一直报如下错误 EPERM: operation not permitted, rename 'C:\Users\xxx\AppData\Roaming\npm\node_modules\@vue\cli\node_modules\abbrev\package.json.352729074' -> 'C:\Users\xxx\AppData\Roaming\npm\node_mo

Vue Cli搭建域名服务器常见问题

Vue Cli搭建域名服务器常见问题 Vue Cli不使用反向代理配置域名 通过npm run serve命令执行Vue项目只能通过IP地址来访问,即使域名服务中设置DNS依然访问不到.有以下三种解决办法: 1.修改项目根目录下[email protected]\cli-service\lib\options.js文件 //第133行 devServer: { /* open: process.platform === 'darwin', host: '0.0.0.0',//改为域名 port: