vue 跨域请求,后端cookie session取不到

摘要:
1.打开终端(cmd)2.安装CommandLinetoolsxcode select--install3.安装brew命令1uby-e“$(curl-fsSL https:

虽然后端设置了可以跨域请求,但是后台设置到cookie中的session取不到!这时候mac电脑自己设置nginx代理!

mac电脑系统重装了,记录一下安装nginx的过程:

1、打开终端(cmd)

2、安装Command Line tools

xcode-select --install

3、安装brew命令

1
ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

4、安装nginx

1
brew install nginx

5、启动nginx

1
sudo nginx

 6、关闭nginx

nginx -s stop

 7、关闭nginx代理

三、停止

在终端中输入 ps -ef|grep nginx  获取到nginx的进程号,注意是找到“nginx:master”的那个进程号,如下面的进程好是 15800

501 15800   1  0 12:17上午 ??     0:00.00 nginx: master process /usr/local/Cellar/nginx/1.8.0/bin/nginx -c /usr/local/etc/nginx/nginx.conf 
501 15801 15800  0 12:17上午 ??     0:00.00 nginx: worker process
501 15848 15716  0 12:21上午 ttys000  0:00.00 grep nginx

在终端中输入以下几种命令都可以停止

kill -QUIT 15800 (从容的停止,即不会立刻停止)
Kill -TERM 15800 (立刻停止)
Kill -INT 15800 (和上面一样,也是立刻停止)

OK, nginx就安装好了,可以在浏览器访问了,默认端口为8080,

在浏览器输入 http://localhost:8080/ 就能看到nginx在本计算机搭建的服务器

相关截图:

vue 跨域请求,后端cookie session取不到第1张

vue 跨域请求,后端cookie session取不到第2张

vue 跨域请求,后端cookie session取不到第3张

vue 跨域请求,后端cookie session取不到第4张

8080是nginx自带的默认网站设置的端口,

现在我们自己来创建一个网站,设置端口和映射路径

6、自定义网站和端口

6.1 创建网站,编写几个测试网页

vue 跨域请求,后端cookie session取不到第5张

6.2  复制网站TanWeb文件夹物理路径,打开终端,准备编辑nginx的配置文件:

 

6.3 进入nginx.conf页面后,按 “i" 键进入编辑状态,

     自定义端口,和配置本地网站TanWeb, 注意设置访问权限( user root owner; ),不然等会访问网站会出现403错误

vue 跨域请求,后端cookie session取不到第6张

6.4  按esc键退出编辑状态,输入  :wq  保存退出nginx.conf页面

6.5  重新启动nginx

 

6.6 在浏览器输入localhost加自定义的端口,就能访问到配置好的网站了,

     比如我的端口配置为5188, 则在浏览器输入http://localhost:5188/, 如图
vue 跨域请求,后端cookie session取不到第7张

另外如果不想通过终端对nginx.conf进行编辑,可以直接去nginx文件夹打开配置文件进行编辑保存

vue 跨域请求,后端cookie session取不到第8张

原网站链接:https://www.cnblogs.com/tandaxia/p/8810648.html

免责声明:文章转载自《vue 跨域请求,后端cookie session取不到》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇前端知识 — HTML内容、CSS基础Windows 更新失败循环重启,错误c0000034正在应用更新下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

nginx 405 not allowed问题的解决

转载自: http://www.linuxidc.com/Linux/2012-07/66761.htm Apache、IIS、Nginx等绝大多数web服务器,都不允许静态文件响应POST请求,否则会返回“HTTP/1.1 405 Method not allowed”错误。 例1:用Linux下的curl命令发送POST请求给Apache服务器上的HT...

搭建PHP开发环境(XAMPP+PhpStorm)

一、下载安装 1. 安装PhpStorm php集成开发环境,下载链接 2. 安装XAMPP php服务器组件,包含了PHP、Apache、Mysql等服务,下载链接 当然,你之前有安装MySql的可以不用安装Mysql,安装的时候不用勾选哦 二、配置XAMP 安装好xampp后,尝试启动Apache与MySQL看端口是否有冲突。 如有端口冲突导致不能启...

HTML5Audio/Video全解(疑难杂症)

1、mp4格式视频无法在chrome中播放   Chrome浏览器支持HTML5,它支持原生播放部分的MP4格式(不用通过Flash等插件)。为 什么是部分MP4呢?MP4有非常复杂的含义(见http://en.wikipedia.org/wiki/Mp4),普通人对MP4的理解是后缀 为.mp4的文件。但MP4本身不是一种简单的视频格式,它是一个包装了...

Nginx – access_log格式及配置

日志格式 日志内容 192.168.199.164 – jeson [14/Apr/2018:07:17:09 +0800] “GET /?feed=rss2 HTTP/1.1” 200 13883 “http://knowledge.me/” “Mozilla/5.0 (Windows NT 6.1; WOW64; Trident/7.0; rv:11....

配置Nginx和Apache允许指定域名CORS跨域访问

 前后端分离开发,导致前端项目需要跨域请求后端接口,解决方法有很多,本文只介绍两个: 1. 修改后端程序代码实现允许跨域请求 2. 修改服务器配置文件实现允许跨域请求 正文: 方法1:修改后端程序代码实现允许跨域请求  以ThinkPHP为例,为了一劳永逸,直接在入口文件index.php中加入代码: header("Access-Control-Allo...

Nginx与Tomcat实现请求动态数据与请求静态资源的分离

  上篇博客说明了Nginx在应用架构中的作用,以及负载均衡的思路。这篇实践一下其中的访问静态资源与访问动态资源的操作。 一、认识访问静态资源与访问动态资源的区别   静态资源:指存储在硬盘内的数据,固定的数据,不需要计算的数据。   如:图片、字体、js文件、css文件等等。在用户访问静态资源时,服务器会直接将这些资源返回到用户的计算机内。      动...