没有合适的资源？快使用搜索试试~ 我知道了~

首页nginx解决跨域问题的实例方法

nginx解决跨域问题的实例方法

nginx

13 下载量 94 浏览量更新于2023-05-09 评论收藏 43KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

试读

2页

在本篇文章里小编给各位分享了关于nginx怎么解决跨域问题的方法和实例代码，需要的朋友们参考下。

资源详情

资源评论

资源推荐

nginx解决跨域问题的实例方法解决跨域问题的实例方法

在本篇文章里小编给各位分享了关于nginx怎么解决跨域问题的方法和实例代码，需要的朋友们参考下。

前后端分离，使用nginx解决跨域问题

前端：vue.js+nodejs+webpack

后台：SpringBoot

反向代理服务器：nginx

思想：将前端代码打包，让nginx指向静态资源，nginx对后台请求进行转发。

1、将前端代码打包：、将前端代码打包：

npm run build

会生成一个dist文件夹。包含一个index.html文件和一个static文件夹，路径以我本地为例：

/Users/xxx/ideaProjects/webtest/dist

2、打开、打开

/usr/local/etc/nginx目录下的nginx.conf，在server中添加如下：

listen 80; #原为8080，避免冲突，更改为80

server_name localhost;

#charset koi8-r;

#access_log logs/host.access.log main;

location / {

root /Users/xxx/ideaProjects/webtest/dist;

index index.html;

# 此处用于处理 Vue、Angular、React 使用H5 的 History时重写的问题

if (!-e $request_filename) {

rewrite ^(.*) /index.html last;

break;

}

# 代理服务端接口

location /api/ {

proxy_pass http://localhost:8080/;# 代理接口地址

}

测试测试

前端发送请求：http://localhost/test ，vue-router将其重定向为http://localhost/api/demo/1，实际访问是

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余1页未读，立即下载

weixin_38690739

粉丝: 9
资源: 970

上传资源快速赚钱

我的内容管理收起

我的资源快来上传第一个资源

我的收益

登录查看自己的收益

我的积分登录查看自己的积分

我的C币登录后查看C币余额

我的收藏

我的下载

下载帮助

会员权益专享

nginx解决跨域问题的实例方法

评论0

会员权益专享

最新资源

nginx解决跨域问题的实例方法

评论0

利用Nginx代理如何解决前端跨域问题详析

详解nginx代理天地图做缓存解决跨域问题

Nginx服务器中处理AJAX跨域请求的配置方法讲解

vue 使用nginx解决跨域问题

nginx解决跨域问题

nginx 解决跨域问题

Nginx 解决跨域问题

nginx解决跨域配置

nginx的跨域问题

windows使用nginx解决跨域

前端Nginx解决跨域

nginx 配置 跨域问题

srs，nginx解决跨域

怎么使用nginx处理跨域问题

nginx拦截跨域问题

nginx解决跨域获取cookie问题

nginx解决前后分离开发跨域问题

nginx实现跨域访问遇到的问题

nginx服务器配置解决ajax的跨域问题

nginx服务器通过配置来解决API的跨域问题

会员权益专享

最新资源

nginx 配置跨域问题