首先就ngix进行介绍:
主要功能是 反向代理 、负载均衡、web缓存,具体的实现和原理这里就不一一进行讲解了必须在官网和其他地方可以找到更加完整的讲解,先弄清楚怎么使用,再去探寻原理实现的。
这次记录的是我们实际开发中遇到的一个问题,这里是我们不能解决HTML直接在浏览器运行报错,于是使用可ngix代理来实现
本地的html文件在浏览器不能直接运行 报错信息:
index.js?r=2018020817:241 Fetch API cannot load file:///E:/pro/java/workspace/fover/prod/onlines/remote3.json. URL scheme "file" is not supported.
load_remote @ index.js?r=2018020817:241
index.js?r=2018020817:254 TypeError: Failed to fetch
at load_remote (index.js?r=2018020817:241)
at index.js?r=2018020817:465
我们采用ngix的代理进行中转即可
关于ngix的下载和安装这里就不一一进行讲解了
这里我们讲解
关于ngix如何配置本地文件启用
http://test.aixuexi.com/fover/prod/onlines/index.html 浏览器输入的内容
首先在开发环境中设置
127.0.0.1 test.aixuexi.com
在ngix的配置文件ngix.config中我们需要进行更改配置文件
设备监听端口和服务器名称和相应的本都开发的工作空间和相应的地址
如下设置即可
#gzip on;
server {
listen 80;
server_name test.aixuexi.com;
#charset koi8-r;
#access_log logs/host.access.log main;
location / {
root html;
index index.html index.htm;
}
location /fover/ {
root "E:\\pro\\java\\workspace";
index index.html index.htm;
}
之后开启ngix服务即可成功启动打开可以看到相应的界面
一定要特别注意的是这里的地址 双斜杠
location /fover/ {
root "E:\\pro\\java\\workspace";
index index.html index.htm;