使用nginx解决跨域问题
注意点
- 最简单的解决方法,就是把浏览器设为忽略安全问题,设置–disable-web-security。不过这种方式开发PC页面到还好,如果是移动端页面就不行了
例子
原先:
调试页面是:http://192.168.1.100:8080/
请求的接口是:http://ni.hao.sao/api/get/info
步骤一:
请求的接口是:http://192.168.1.100:8080/api/get/info
- 改步骤即可解决跨域问题
步骤二:
安装好Nginx后,去到
- F:\wjd\nginx\nginx-1.14.2\conf(这是普通的)
- usr/local/etc/nginx/目录(这是Mac的)
修改nginx.conf文件
步骤三:
把默认的server配置注释掉,并修改配置
server {
listen 8888;
server_name 127.0.0.1;
location / {
root F:/wjd/study/dist;
index index.html index.htm;
}
}
- 保存后,启动Nginx
步骤四:
访问:http://192.168.1.100:8888/