使用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
相关文章推荐
- 前端使用Jquery的getJSON方法,后台使用PHP,解决IE和火狐Firefox中存在的跨域ajax请求问题。
- java后台设置可跨域访问,前端ajax获取json数据,解决浏览器限制跨域访问的问题
- vue.js中使用vueResource向后台请求数据时出现跨域访问失败的问题
- 前端使用ajax发送jsonp格式解决跨域访问的问题
- 使用HTML5 跨域共享特性解决AJAX跨域数据同步问题
- 解决ajax、js无法跨域向服务器请求数据的问题
- AJAX 跨域请求的解决办法:使用 JSONP获取JSON数据
- PHP解决mui前端框架中的ajax请求跨域问题
- 解决:在使用JSONP跨域请求时.AJAX的dataFilter获取返回数据出现undifined
- ajax向后台请求数据包含中文乱码问题解决
- AJAX第五步:使用ajax解决页面首页显示后台数据的问题
- 使用HTML5 跨域共享特性解决AJAX跨域数据同步问题
- 使用jsonp解决ajax请求json跨域问题
- Java后台使用get方式远程跨域请求,返回数据为中文乱码解决方法
- 使用put请求时不能获得前端的数据问题的解决
- 解决ajax跨域请求数据cookie丢失问题
- 解决ajax跨域请求数据cookie丢失问题
- AJAX 跨域请求的解决办法:使用 JSONP获取JSON数据
- 解决ajax跨域请求数据cookie丢失问题
- 解决在java的ssm框架中使用ajax提交数据遇到的跨域问题