vue-cli 使用 proxyTable 解决每次的session值不一样

最新推荐文章于 2022-06-17 09:10:09 发布
最新推荐文章于 2022-06-17 09:10:09 发布
阅读量1.9k 收藏 1
点赞数 2
分类专栏： vue 文章标签： vue webpack proxyTable 
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_29297365/article/details/80965651
版权

在项目中使用前后台分离的方法，但是导致在开发环境下一直会出现跨域问题，后来查资料可以使用proxyTable 解决但又出现一个新问题每次，sessionId不一致。。。经过不断尝试才解决了这个问题，希望可以帮助大家

圈红的位置名称最好保持一致且与后台在Tomcat中的服务名保持一致

Apple-Fly
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
vue解决服务器Session不一致问题（跨域问题）
CY2333333的博客
05-02 5797
       最近在做项目时，发现vue前端的登录接口使用axios连接服务器实现登录功能时，每次请求后端服务器所保存的Session对象id都不相同，也就是说前端请求服务器所得到的Seesion对象无法保存下来。        上网查询后发现是跨域问题，也就是说请求的发出点的URL与所请求的URL不同源。（所谓同源（即指在同一个域）就是两个页面具有相同的协议（prot
Vue-cli proxyTable 解决开发环境的跨域问题详解
08-30
Vue CLI（Vue.js 的命令行工具）中的 `proxyTable` 配置是一个极其有用的特性，它可以帮助开发者在开发环境中轻松解决跨域问题。在实际的Web开发中，由于浏览器的安全策略，不同源的请求（即跨域）会被阻止，这在...
关于vue项目使用proxyTable处理跨域，浏览器session失效的问题
niupiclass的博客
09-09 928
今天碰到一个非常头疼的问题，困扰了我两天，导致后续的工作无法进行。 最近接手同事的一个oa项目，说是要加个模块；我看了下正式环境是用nginx做的跨域代理，因为是vue项目，想都没想本地直接用vue自带的proxyTable做的代理；这个时候问题就来了，登录没有一点问题，但是其他接口全部提示session过期，当时就各种百度，都没找出来原因，说实话当时慌了，因为项目比较赶，这个不解决项目是无法进行...
vue跨域 session_id一直变
s峰
11-28 4836
我本来是用代理来做本地测试的，最后发现微信网页开发，重定向跳转回来，后端一直取不到cookie，试了很多方法发现都不行，后来直接放弃代理，直接在axios里加入这句， 每次请求携带cookie过去 然后发现能解决问题 ...
node中的proxyTable
想成为大神的小白
12-14 809
同事突然问起，发现自己也不了解，网上百度了一番。（百度到的链接：https://segmentfault.com/q/1010000014042635） 跨域在浏览器是禁止的，但是在服务端是不存在跨域的，所以，浏览器可以发给自己的服务端，然后由自己的服务端再转发给本身需要跨域的服务端。 vue-cli中的proxyTable利用的是http-proxy-middleware作为中介，http-...
vue-cli-plugin-vite：与vue-cli一起使用Vite Today
03-04
无需任何代码库修改即可直接使用的vue-cli项目。 目录 用法 vue add vite 插件的生成器将为相应的main。{js，ts}编写一些main.html ，因为vite需要html文件作为dev-server条目文件 动机 我们有很多现有的vue-cli...
使用proxytable 配置解决 vue-cli 的跨域请求问题【推荐】
12-09
会使用 vue-cli 搭建一个基本的 vue webpack 项目，本文的目录结构基于 webpack 模板结构 懂得 axios 基本用法 问题导向 日常开发中，前端经常需要通过 ajax 从后端获取数据。而在这种前后端分离的开发模式下，...
vue-cli系列之vue-cli-service整体架构浅析
12-07
vue启动一个项目的时候，需要执行npm run serve，其中这个serve的内容就是vue-cli-service serve。可见，项目的启动关键是这个vue-cli-service与它的参数serve。接下来我们一起看看service中主要写了什么东东（主要...
vue使用proxyTable设置接口代理
不知不觉 | 笔记
08-06 2万+
1、修改config/index.js里proxyTable proxyTable: { '/api': { target: 'http://192.168.42.182:8080', changeOrigin: true, pathRewrite: { '^/api': '/' } }, } 2、修改c...
vue之proxyTable代理超全面配置
热门推荐
harmsworth的博客
11-23 3万+
proxyTable代理前言介绍配置分离1. config.dev.js2. proxyTableHandler.js效果如下 前言 用了vue有一年多了，从最初的摸着石头过河到现在已经能熟练的使用vue开发项目，学到了许多，特别是vue的代理配置让我眼前一亮，甚是喜欢，故将自己对proxyTable代理配置整理出来，供致力于的开源的同辈浏览，望大家手下留情，哈哈_。 介绍 vue的proxyTa...
Vue解决跨域问题及每次请求session不一致的问题
liuzhang6966的博客
06-17 4284
vue session 不一致解决方案
Vue中跨域以及sessionId不一致问题解决方法
北海之灵的博客
10-23 1万+
在使用Vue和SpringBoot做前后端分离项目时，会出现以下问题： 前端直接请求数据会出现跨域访问限制的问题。 如果登录时还需要图片验证码验证，首先需要请求获取验证码的接口，然后将验证码存入session中并返回给前端，登录时拿用户输入的验证码和session中保存的验证码比较，这时会发现session中获取不到之前存入的验证码，这是sessionId改变导致的。 1.后台数据请求部分处理...
Vue 代理导致Session数据丢失解决方案
共同交流与成长
03-05 5502
之前一直用api作为代理的转换，结果session携带的数据一直丢失了。 经过一个多小时的尝试，终于发现解决办法。就是代理的转换需要和真实地址的根目录一样。 我的项目叫做后台请求根目录是”MHT”，所有改成这样 这样session就不会丢失了！...
vue：跨域以及sessionId不一致问题解决方法
不花的花和尚的博客
06-07 9136
情景： 使用Vue和SpringBoot做前后端分离项目，出现跨域问题，因为前端访问调用后端3个接口， 第一：session校验 ，第二：登录 ，第三：查询接口 但是将session分别获取，然后打印出来，发现sessionid不一致，导致访问第三个查询数据接口而失败。 后端springboot处理： 拦截器preHandle中加入如下 代码： public boolean ...
vue+Java 前后端分离，多次请求Session不一致的问题（网络上找的）
anqiai0851的博客
06-25 1008
在vue main.js中增加以下配置： import axios from 'axios'; axios.defaults.withCredentials=true; 请求时：设置 withCredentials: true axios({ url: url, data: data, headers: { 'Content-Ty...
解决Vue前端 请求 SpringBoot 后台跨域 session 为空的问题！！！（踩坑经验）
weixin_44665047的博客
06-17 2218
前后端分离，就没有会话（session）这个概念了！！！ 每次请求都是一个新的会话。 业务场景 在写登陆接口的时候，用户登陆验证完用户信息后使用jwt生成token,将token 存入session并返回给前端，让前端在后面的请求过程(请求头中)都带着token来请求接口。 而我将使用过滤器拦截所有的请求，获取前端传过来的token，进行验证（1，验证token是否有效，2，验证token 是否与session 中的token 一致）。 这时问题就出现了，获取session 中 的token 为 null。
webpack中使用proxyTable代理实现跨域
韩瑜的博客
01-27 524
前后端分离开发调用接口时，使用proxyTable
前后端分离开发 sessionid一直变化的问题
sorrow_yc的博客
05-03 8768
    最近在做一个vue前后端分离的项目，但是每次ajax请求时session都会变化，搜索资料后的处理办法总结如下：    1：ajax请示请加入            xhrFields: {        withCredentials: true }   或使用axios（待验证）；    2：在java后台中加入拦截器，Access-Con...
卸载vuecli3_vue-cli3.0升级失败，vue-cli卸载不掉，万能解决办法
最新发布
06-06
您可以尝试以下步骤来卸载vuecli3或vue-cli： 1. 打开命令行工具，并使用管理员权限运行它。 2. 输入以下命令来检查您已经安装的vue-cli版本： ``` vue --version ``` 3. 如果您已经安装了vue-cli 3.x版本，您可以使用以下命令来卸载它： ``` npm uninstall -g @vue/cli ``` 4. 如果您无法卸载vue-cli，则可以尝试使用以下命令： ``` npm uninstall -g vue-cli ``` 5. 如果上述命令仍然无法卸载vue-cli，您可以手动删除全局安装的vue-cli文件夹。您可以使用以下命令来查找vue-cli安装的位置： ``` npm list -g vue-cli ``` 6. 找到vue-cli安装的位置后，您可以使用以下命令来删除它： ``` npm uninstall -g /path/to/vue-cli ``` 请确保将“/path/to/vue-cli”替换为您找到的vue-cli文件夹的路径。 希望这些步骤可以帮助您成功卸载vue-cli！

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值