随笔分类 -  前端跨域问题

JS 之跨域问题汇总
摘要：跨域问题的场景和解决方案多种多样，只要是做前端开发，总会遇到。而且面试时也是必问的问题。所以自己学习总结记录一下。 因为浏览器的同源策略，前端开发会遇到各种跨域问题。本篇文章总结了遇到跨域问题的不同的场景以及对应的解决方案。 前言 在总结各种跨域问题之前，我们先来了解一下浏览器的同源策略。协议、域名 阅读全文
posted @ 2020-07-07 13:49 寒江孤影，江湖路人 阅读(343) 评论(0) 推荐(1)
在vue-cli@3.X中配置代理解决开发环境的跨域问题的同时解决cookie问题--Cookies 解决方案
摘要：使用 VueJS 大多是为了前后端分离，提高开发效率。如果 API 采用 OAuth 或者类似在请求头部添加一个键值的方式，只需要解决跨域就行了。如果是采用 Cookies 授权，相对来说就比较麻烦了。早期我们采用了 Nginx 反代，保证 VueJS 开发地址和后端接口在同一个域下的方法，可以实现 阅读全文
posted @ 2020-07-02 14:42 寒江孤影，江湖路人 阅读(3188) 评论(0) 推荐(0)
在vue-cli@3.X中配置代理解决开发环境的跨域问题
摘要：我们在前后端分离开发时，不得不面对跨域问题，对于跨域，可以在前端这样处理配置. 1、在 vue.config.js文件中配置 proxy 属性，将 API 请求代理到 API 服务器上，设置 devServer.proxy 例如：App.vue <template> <div id="app"> < 阅读全文
posted @ 2020-07-01 15:07 寒江孤影，江湖路人 阅读(3331) 评论(0) 推荐(0)
MAC OS上开启Nginx静态文件服务器
摘要：1、安装nginx，在终端输入： brew install nginx 2、检查nginx是否安装成功，在终端输入： nginx -v 3、启动nginx，在终端输入： brew services start nginx 4、检查nginx是否启动成功，在浏览器输入： localhost:8080 阅读全文
posted @ 2020-06-23 15:19 寒江孤影，江湖路人 阅读(1492) 评论(0) 推荐(0)
使用代理方式处理跨域请求
摘要：解决开发环境的跨域问题(不用在去配置nginx和host, 爽歪歪~~) F12查看网络请求路径，还是原来的，所以只能从效果上去观察是否正确代理了 基本用法 mmodule.exports = { //... devServer: { proxy: { '/api': 'http://localho 阅读全文
posted @ 2019-11-26 16:56 寒江孤影，江湖路人 阅读(1776) 评论(0) 推荐(0)
关于使用代理解决跨域问题的原理
摘要：为了安全着想浏览器会设置同源安全策略即不在同一个域名下的资源就不能够互相访问要解决这个问题方法有很多 ，但大致分为两类：1 是服务端进行设置默认允许某些域名跨域访问2 从客户端入手想办法绕开同源安全策略主要介绍从客户端入手，用代理的方式实现跨域访问的原理举个栗子：用node起了一个localhost 阅读全文
posted @ 2019-11-26 09:47 寒江孤影，江湖路人 阅读(3867) 评论(0) 推荐(0)
Mac上解决Chrome浏览器跨域问题
摘要：最近做前端开发总是遇到一个很奇怪的现象，同一个AJAX请求，在Chrome里调试的时候就会提示跨域，但是在手机模拟器或者真机上调试的时候就不会，于是百度了一下，发现是Chrome的安全策略导致的，需要在后台设置一下 在网上找了半天，发现很多大家通用的方法在我这儿都不行，今天终于找到一个可行，在这里分 阅读全文
posted @ 2019-11-25 10:03 寒江孤影，江湖路人 阅读(3735) 评论(0) 推荐(0)
可能是最简单的解决本地开发接口请求跨域问题的方案
摘要：这个问题出现的原因，很多时候是我们在本地起的 localhost 服务下，访问一些线上或者日常接口下出现的跨域提示。 跨域是由于浏览器安全策略，是正常的。 网上有很多方案，大部分都是需要做 Nginx 的反向代理来中转的，这种会有非常多的问题，而且过程复杂，浪费时间。 推荐的解决方案安装一个 Chr 阅读全文
posted @ 2019-11-22 17:50 寒江孤影，江湖路人 阅读(3014) 评论(0) 推荐(0)