使用axios处理请求时,出现的问题解决 当url是远程接口链接时,会报404的错误: Uncaught (in promise) Error: Request failed with status code 404 解决方法: var instance = axios.create({ headers: {'content-type': 'application/x-www-form-urlencoded'} }); instance.post(`url`, params).then(res…

错误Error: Request failed with status code 500 ,调试前端没问题,后端也没问题,还报错"连接超时" 在Network中找到错误Self referencing loop detected for property 'xxxx' with type 当我们后端调试一步一步调试也没发现错误在哪里,但是跳转到前端就报错了.前端没有接收到后端传过来的数据,总结了一下: **前端接收问题**前端就是接收**字段名**以及**类型**问题 比如:nAmE,…

一.原理 同源?同源策略? 同源的定义是:两个页面的协议.端口和域名都相同 同源的例子: 不同源的例子: 同源策略SOP(Same origin policy)是一种浏览器约定,它是浏览器最核心也最基本的安全功能,为了防止浏览器受到XSS.CSFR的攻击,浏览器采用了同源策略,用于限制一个源加载的文档或脚本与另一个源的交互. 在我们的项目中,前端的vue和后端的django分别使用不同的端口,因此受到同源策略的限制,在没有跨域配置的初期,无法进行正常通信. 跨域?什么域? 跨域顾名思义就是一个网…

1.第一步要有 axios 插件 : npm i axios 首先要在自己的项目手动添加一个文件 vue.config.js 个人理解的为 这是axios 封装的跨域文件. 2.vue.config.js 的配置.配置了代理一定!一定!一定!要 重跑!!项目  不然没用的,代理可以配置多个 4.简单的 axios 请求拦截和响应拦截 5.分别使用 get / post 跨域 拿数据 6.post 如何拿参数    注意:实列中只有post 请求才需要参数   get不需要,真是项目中根据公司接口…

今天又学到一种修改bug的方法  : let newpwd = crypto.createHash('md5').update(req.body.upwd).digest('hex'); 在点击按钮加载登录方法的时候,加密后无法登陆,并报错,找了好久没有找到,百度的方法对我也完全不适用当然也怪自己"盲僧",把自己知道报错的地方迅速找到并注释,然后又目的性的找到自己的错误地方 我这次的错误是后台使用的post方法接收数据但是在代码中却用到query接收前端发来的数据,应该使用body 社…

nginx-springboot-vue前后端分离跨域配置 引言 接着上篇--简单的springboot-vue前后端分离登录Session拦截的demo,其中跨域是通过springboot后端全局设置的,但是碰到了奇怪的问题,用了个不优雅的方式解决. 于是想到使用Nginx跨域应该就不会如此了. windows下载安装 http://nginx.org/ 下载稳定版,解压缩. 查看配置文件 /nginx-1.16.0/conf/nginx.conf : #gzip on; server { l…

目录 概述 简单请求 跨域解决方案 概述 SpringBoot跨域配置 Nginx跨域配置 概述 MDN文档 Cross-Origin Resource Sharing (CORS) 跨域的英文是Cross-Origin Resource Sharing (CORS),直译过来就是:跨越了来源的源资共享.当浏览器上的页面资源(http://www.a.com/xxx.html)试图访问其他域(http://www.b.com/xxx.html)时,浏览器会检查两个url的协议.域名.端口.其中任…

vue跨域请求数据 本篇文章基于vue-cli编写 问题描述 当出现如下关键词,证明我们正在执行跨域问题 此时证明我们违背了同源策略(即协议名.ip.端口号一致) 环境准备 首先,要想实现跨域请求数据,就离不开vue.config.js和axios,所以如果没有vue.config.js这个文件的话,就得先创建vue.config.js这个文件 添加vue.config.js配置 创建位置如下(注意与package.json在同一级目录下) 在vue.config.js中添加代理信息 modul…

vue跨域问题解决(使用webpack打包的) 配置代理:(config下index.js文件) module.exports = { dev: { env: require('./dev.env'), autoOpenBrowser: true, assetsSubDirectory: 'static', assetsPublicPath: '/', //在dev中添加下面的块 proxyTable: { '/api': { // target: 'http://47.100.34.99',…

本人对于vue跨域处理流程不是很清楚,特此理顺一遍. 1.在config中进行配置,该文件不是都存在,需要自己建: proxyTable,这个参数主要是一个地址映射表,你可以通过设置将复杂的url简化,face就代表了http://127.0.0.1:8080,若是接口中没有face,则需要设置baseUrl module.exports = { publicPath: '/', devServer: { proxy: { '/face': { target: 'http://127.0.0.1…