需求背景

项目需求需要在不同的域名下,判断展示不同的内容,为了模拟线上的正式域名,有以下几种方案:

方案一:

配置host:
1、找到host的文件地址(不会的百度)
2、配置host:

127.0.0.1  www.test.abc.com

3、如果你要使用www.test.abc.com访问,那么就需要修改项目中的端口号,改成80(默认端口)
4、如果不改端口,那么访问url就要加端口号
比如:项目端口号:9528 访问链接:www.test.abc.com:9528
5、这样访问是可行的,但访问会出现Invalid Host header问题
解决方案:
在vue.config.js或者webpack.dev.conf.js的devServer中添加disableHostCheck:true;
或者
historyApiFallback: true,
allowedHosts: “all”,
具体的解决方案根据自己的项目

方案二:

nginx配置

1、安装nginx自行安装(不会的百度)
2、找到nginx配置路径(conf等文件)
nginx.conf 修改两处

server_name: www.test.abc.comlocation / {proxy_pass http://127.0.0.1:9528;}

3、配置host: (如果是正式域名需要配置dns解析,这里只是个测试域名,所以要配置host才能生效)

127.0.0.1  www.test.abc.com

4、访问 www.test.abc.com,出现Invalid Host header问题按上述方案解决

方案三:

第三方工具:whistle

1、安装及启动whistle

安装

npm install -g whistle

启动

w2 start

2、安装证书

http://wproxy.org/whistle/webui/https.html

安装完证书,配置好规则,需要配置代理,W2 可以看设置代理

3、打开地址:http://127.0.0.1:8899/
配置规则:

www.test.abc.com 127.0.0.1:9528/

4、访问www.test.abc.com

以上三种方案都可以解决模拟正式域名映射到本地IP开发环境,进行测试。

nginx 配置域名映射到本地IP相关推荐

  1. nginx配置域名和ip

    nginx配置域名和ip 原文链接:https://blog.csdn.net/axe6404/article/details/120918830 1.配置域名和ip同时访问,只需要配置 server ...

  2. mac配置域名映射关系

    配置域名映射关系 第一步:进入hosts文件所在目录 cd /private/etc/ 第二步:修改hosts文件权限 sudo chmod 777 hosts 第三步:使用vim命令编辑hosts文 ...

  3. nginx配置域名转发、反向代理、负载均衡

    [Nginx那些事]系列 [Nginx那些事]nginx 安装及常用指令 [Nginx那些事]Nginx 配置文件说明 [Nginx那些事]nginx原理解析 [Nginx那些事]nginx配置实例( ...

  4. 本地nginx多域名映射

    前言: 工作两年多了,一直感觉技术上没有太大的长进,好多东西感觉会但是给别人讲起来的时候又感觉和没学过一样.以后希望能坚持写博客,把看过的东西都一点一滴积累下来.言归正传,今天要说的是nginx与ho ...

  5. linux安装nginx并配置域名映射和图片服务器

    环境:阿里云轻量级云服务器 操作系统:centos7 背景: 在上一篇博客阿里云服务器部署SpringBoot项目(mysql安装.服务部署)(https://blog.csdn.net/zwx199 ...

  6. nginx配置域名访问

    1. 本地开发好的demo程序,target目录下,把META-INF .WEB-INF.index.jsp 所有文件打成zip包,如下图: 2.  Linux服务器下,部署到Tomcat下,清空RO ...

  7. nginx做域名映射到指定端口(阿里云服务器、阿里域名服务)

    文章目录 前言 一.初始工作 二.准备工作 1.GCC编译器 2.安装zlib 3.安装pcre.pcre-devel 4.安装openssl 三.nginx 1.下载 2.安装nginx 三.域名映 ...

  8. 阿里云ECS部署Nginx配置域名访问

    目录 前言 环境 具体步骤 服务器 域名 SSL证书 Nginx配置 前言 记录下阿里云服务器建站的过程(回回建,回回忘,尴尬...) 环境 ECS(Centos7.6)+ Nginx 具体步骤 服务 ...

  9. nginx配置域名,不要端口

    版权声明:本文为博主转载文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明. 本文链接:https://blog.csdn.net/panshoujia/article/d ...

最新文章

  1. WPF 与Surface 2.0 SDK 亲密接触–LibraryContainer 篇
  2. OpenCV android sdk配置OpenCV android NDK开发实例
  3. datax底层原理_Datax 插件加载原理
  4. (DFS or BFS)Find The Multiple(poj1426)
  5. 360智能工程中心期待你的加入
  6. python实时策略_Python策略模式
  7. PowerDesigner name与code同步问题
  8. 用EViews做时间序列SARIMA模型的傻瓜操作小记
  9. Eclipse 调试技巧
  10. unity安装到一半失败
  11. 中国传统四大菜系之:鲁菜
  12. ‘VBE6EXT.OLB’ 不能被加载
  13. load average 计算
  14. MATLAB的学习——基本操作和矩阵操作
  15. php中文的正则表达式_php 正则表达式匹配中文汉字
  16. Freeman链码及其某些变化
  17. 工信部发布《移动互联网应用程序个人信息保护管理暂行规定(征求意见稿)》
  18. 算法笔记:二叉树,红黑树
  19. C# 集合多字段分组排坑
  20. 师徒制,多么好的工具

热门文章

  1. JS模拟实现图片添加水印功能
  2. P3579 [POI2014]PAN-Solar Panels(整除分块)
  3. excel 多条件查找三种方法:lookup、vlookup、indexmatch 多条件查找案例
  4. 迁移python虚拟环境后pip无法使用
  5. django框架运用--------股票系统
  6. 上汽浦东足球场“面向国际,贴近大众”系列活动完美落幕
  7. 四川航信开票软件升级又反复升级导致无法进入
  8. 电话号码分身问题,小米笔试真题
  9. AI智启未来肯耐珂萨2019用户生态峰会召开,赋能HCM数字化转型升级
  10. oracle11g报错ora12505,解决oracle11g的ORA-12505问题