一种解决前端本地开发跨域问题的方法和装置制造方法及图纸

本发明专利技术提供了一种解决前端本地开发跨域问题的方法及装置，所述方法具体如下：启动nginx服务，修改nginx配置文件，nginx服务配置root到前端代码本地资源或者本地前端服务；修改nginx配置文件，nginx服务配置upstream服务，并配置server及相应开放的本地接口；修改nginx配置文件，nginx服务配置针对后端接口的location反向代理，对接口路径配置proxy_pass属性到相应的后端环境；执行命令nginx‑sreload，nginx重新加载配置文件，使之生效；更改本地host配置文件，将localhost配置到nginx对应的服务host；访问后端接口获取数据。

A method and device to solve the cross domain problem of front-end local development

【技术实现步骤摘要】
一种解决前端本地开发跨域问题的方法和装置
本专利技术涉及前端开发
，具体涉及一种解决前端本地开发跨域问题的方法和装置。
技术介绍
前端跨域：AJAX跨域访问是用户访问A网站时所产生的对B网站的跨域访问请求均提交到A网站的指定页面。由于安全方面的原因，客户端js使用xmlhttprequest只能用来向来源网站发送请求Nginx：Nginx(enginex)是一个高性能的HTTP和反向代理服务器，也是一个IMAP/POP3/SMTP服务器。反向代理：反向代理(ReverseProxy)方式是指以代理服务器来接受internet上的连接请求，然后将请求转发给内部网络上的服务器，并将从服务器上得到的结果返回给internet上请求连接的客户端，此时代理服务器对外就表现为一个反向代理服务器。目前前端开发都是本地开发然后打包部署到测试环境，这种老旧的方式导致开发效率的低下，一个像素的改动都要去重新编译部署一遍，目前这样做的原因一般都是因为跨域的原因导致，所以本地解决跨域就是一个很重要的问题。现有的跨域解决方案有很多比本文档来自技高网...

【技术保护点】
1.一种解决前端本地开发跨域问题的方法，其特征在于，所述方法包括以下步骤：/n启动nginx服务，修改nginx配置文件，nginx服务配置root到前端代码本地资源或者本地前端服务；/n修改nginx配置文件，nginx服务配置upstream服务，并配置server及相应开放的本地接口；/n修改nginx配置文件，nginx服务配置针对后端接口的location反向代理，对接口路径配置proxy_pass属性到相应的后端环境；/n执行命令nginx-sreload，nginx重新加载配置文件，使之生效；/n更改本地host配置文件，将localhost配置到nginx对应的服务host；/...

【技术特征摘要】
1.一种解决前端本地开发跨域问题的方法，其特征在于，所述方法包括以下步骤：
启动nginx服务，修改nginx配置文件，nginx服务配置root到前端代码本地资源或者本地前端服务；
修改nginx配置文件，nginx服务配置upstream服务，并配置server及相应开放的本地接口；
修改nginx配置文件，nginx服务配置针对后端接口的location反向代理，对接口路径配置proxy_pass属性到相应的后端环境；
执行命令nginx-sreload，nginx重新加载配置文件，使之生效；
更改本地host配置文件，将localhost配置到nginx对应的服务host；
访问后端接口获取数据。


2.一种后端接口服务方法，其特征在于，采用如权利要求1所述的解决前端本地开发跨域问题的方法。


3.如权利要求2所述的一种后端接口服务方法，其特征在于，所述后端接口服务方法包括以下步骤：浏览器访问nignx反向代理服务；访问之后转发到相应的后端服务；nginx本地服务通过映射本地host进行本地开发模式下的跨域。


4.如权利要求3所述的一种后端接口服务方法，其特征在于，浏览器访问nignx反向代理服务之后通过流量转发到相应的后端服务。


5.如权利要求4所述的一种后端接口服务方法，其特征在于，所述后端服务包括后端生产服务、后端测试服务和后端本地服务。


6.如权利要求5所述的一种后端接口服务方法，其特征在于，host根据后端服务部署环境进行切换。


7.一种APP校验服务方法，其特征在于，采用如权利要求1所述的解决前端本地开发跨域问题的方法。


8.如权利要求7所述的一种APP校验服务方法，其特征在于，所述APP校验服务方...

【专利技术属性】
技术研发人员：林贞伟，罗贇，
申请(专利权)人：千寻位置网络有限公司，
类型：发明
国别省市：上海;31