您的位置:首页 > 运维架构 > Nginx

使用windos版nginx解决前端ajax请求后台数据的跨域问题~

2019-07-30 14:25 579 查看
版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。 本文链接:https://blog.csdn.net/qq_43442102/article/details/97774670

什么是跨域?

请求非自身(地址||端口)都算跨域

需要的工具

node和cmd(命令指示符)

步骤一:配置server.js

var data = [
{
name: '', // 名称 --- 不能中文字符
port: 8016, // 端口
path: 'C:/xx/xx/', // 本地项目路径
index: 'index', // 项目首页的html文件名
url: 'http://127.0.0.1:6666/' // 请求的url
}
]

name:项目名
port:本地服务端口
path:本地项目路径 (注意 这里路径用‘/’,不能用‘\’)
index:项目首页html文件名
url:请求接口地址
圈出来的地方设置本地引用的文件格式

步骤二:执行node命令

win+r 打开你的cmd,cd到nginx所在的目录(即是下载后nginx_quick-master所在的目录)执行

node server

如果cmd没报错的话
那么请再执行

nginx

步骤三:访问

浏览器访问server.js 设置的端口port localhost:8016

步骤四:修改ajax请求路径

例如接口地址 http://127.0.0.1:6666/front/login

<script>
$.ajax({
type: "post",
url: "/front/login ", // 或者相对路径front/login
data:{pass:123456}
success: function (res) {
document.write(JSON.stringify(res))
}
})
</script>

链接: https://pan.baidu.com/s/1tpOnoYLsMAFRCllaBpLfrA 提取码: wep8

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: