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

时间: 2024-10-27 08:23:09

vue 项目中访问出现 Invalid Host header的相关文章

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

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

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

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

Django运行访问项目出现的问题:Invalid HTTP_HOST header: '192.168.114.25:8001'. You may need to add u'192.168.114.25' to ALLOWED_HOSTS.

当运行python manage.py runserver 0.0.0.0:8001时候,出现Invalid HTTP_HOST header: '192.168.114.25:8001'. You may need to add u'192.168.114.25' to ALLOWED_HOSTS. 解决办法:django-admin.py startproject project-name创建的项目中去修改 setting.py 文件: ALLOWED_HOSTS = ['*'] Djang

vue 项目中当访问路由不存在的时候默认访问404页面

前言: 在Vue项目中,当访问的页面路由不存在或错误时,页面显示为一片空白.然而,通常我们需要对访问url不存在或者错误的情况下添加默认的404页面,即not found页面. 一般的处理方法是: 在最后添加一个path: * ,优先级从上到下查找路由,都没有的时候全部指向 404页面 ,代码如下: const baseRoute = [ { path: '/login', name: 'login', component: Login }, {path: '/', redirect: '/in

【记录】解决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

在vue项目中 如何定义全局变量 全局函数

如题,在项目中,经常有些函数和变量是需要复用,比如说网站服务器地址,从后台拿到的:用户的登录token,用户的地址信息等,这时候就需要设置一波全局变量和全局函数 定义全局变量 原理: 设置一个专用的的全局变量模块文件,模块里面定义一些变量初始状态,用export default 暴露出去,在main.js里面使用Vue.prototype挂载到vue实例上面或者在其它地方需要使用时,引入该模块便可. 全局变量模块文件: Global.vue文件: <script> const serverSr

vue项目中net::ERR_CONNECTION_TIMED_OUT错误

我出错的原因时network地址与我本机ip地址不一致 Network: http://192.168.13.30:8080/ 处理方法: 在vue项目中新建一个vue.config.js文件 配置上: module.exports = { devServer: { host: '0.0.0.0', port: 8080, } } 这样重启项目,地址改为自己ip地址就可以了 原文地址:https://www.cnblogs.com/zhangshengxiang/p/10170768.html

vue项目中遇到的那些事。

前言 有好几天没更新文章了.这段实际忙着做了一个vue的项目,从 19 天前开始,到今天刚好 20 天,独立完成. 做vue项目做这个项目一方面能为工作做一些准备,一方面也精进一下技术. 技术栈:vue2 + vuex + vue-router + webpack + ES6/7 + element-ui + vue-baidu-map + i18n + vue-awesome-swiper 做项目时总是有一些思考和踩过的坑,对以后有一定的帮助,今天就来写写做vue项目遇到的那些事. 假如你正准

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