关于vue用devServer代理在微信开发者工具调试网页的一些问题

最新推荐文章于 2024-08-07 23:48:41 发布
最新推荐文章于 2024-08-07 23:48:41 发布
阅读量790 收藏
点赞数
分类专栏： vue 文章标签： vue 跨域 devServer
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42029374/article/details/103488511
版权

问题：
把前端和后端都部署在同一个服务器
IP相同，映射的域名不同
前端测试环境使用代理做跨域处理
传递openid去调用后端接口获取用户信息
会导致得不到正确的数据
在调用完后端接口获取用户信息后
直接返回了HTML代码
而不是我们想要的单纯的用户信息

解决方案：
前端不做代理跨域
让后端去做CORS跨域

sanye丶
关注
专栏目录
uni-app开发工具: HBuilderX运行配置、调试、项目基础配置、开发规范
iOS逆向与安全
09-22 8392
引言 HBuliderX 开发版:https://www.dcloud.io/hbuilderx.html 微信小程序开发工具：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html Serverless WordPress 建站 https://kunnan.blog.csdn.net/article/details/120020130 I HBuliderX的使用 1.1 HBuliderX的运行
vue开发的公众号网页如何真机在线调试
weixin_44921098的博客
04-17 2411
首先你需要申请一个订阅号或者公众号，认不认证没所谓，然后注册一个测试账号，因为测试账号几乎提供了所有的接口权限，很方便我们调试，我们可以通过自定义菜单将菜单链接到我们的网页地址，但是这里有两个问题，我们来一一解决 测试号如何设置自定义菜单 不同于订阅号或者服务号，订阅号或者服务号我们可以直接登陆微信公众平台，在左边菜单栏，找到自定义菜单选项 定义自己的名字和跳转网址，保存并发布即可，但是测试号并...
vue项目配置多个Proxy代理
weixin_39964419的博客
11-29 1万+
vue项目如何配置多个Proxy代理
vue.config.js 配置 devserve 配置
最新发布
a123456234的博客
08-07 1582
在 Vue CLI 项目中，devServer 配置用于设置开发服务器的行为。这包括了开发服务器的端口、主机名、是否开启 HTTPS、自动打开浏览器等设置，以及配置代理规则来解决跨域问题。
Vue配置代理(devServer)，解决跨域问题
热门推荐
学习，是熵减的最有效途径。
06-09 1万+
如果你的前端应用和后端 API 服务器没有运行在同一个主机上，你需要在开发环境下将 API 请求代理到 API 服务器。这个问题可以通过 `vue.config.js` 中的 `devServer.proxy` 选项来配置。
VUE在公众号开发中（网页授权域名)使用内网穿透方式（Ngrok）进行本地化调试
qq_36264795的博客
11-01 732
微信公众号开发中需要和微信后台服务进行互通，这就导致一个问题，内容需要频繁的发布到网上。这会给开发带来麻烦。1、可以将本地开发环境的127.0.0.1:8080映射到外网的一个IP上。2、因为本地将作为服务器，所以对工具的速度有很高的要求，必须要速度快。公众号设置 ->网页授权域名->设置 ngrok 域名。那么是否可以将开发内容映射到特定的一个域名？浏览器访问ngrok 地址。
vue项目配置代理devServer解决跨域问题(开发环境使用)
bamboozjy的博客
10-26 9177
在@vuecli3或4搭建的项目中: 在vue.config.js中配置devServer选项 devServer: { // host: 'localhost', port: 8090, //项目运行的端口号 open: true, //配置自动启动浏览器 proxy: { "/opAdmin": { target: "http://116.66.65.193:8081", //对应自己的接口 changeOrigin: t
h5微信本地调试 vue_UniApp本地调试H5（谷歌chrome浏览器）跨域问题的解决方法，亲测可用...
weixin_29331015的博客
12-23 1449
UniApp本地调试H5跨域(谷歌chrome浏览器，UniApp内置浏览器不存在此问题)的推荐方案：欺骗浏览器，让浏览器觉得你没有跨域(其实还是跨域了，用的是代理)客户器端解决方案(亲测可用)：1、在manifest.json里添加如下跨域代码："h5":{"devServer":{"port":2001,//你H5网址的端口，如:http://localhost:2001/#/pa...
vue 传参 微信_H5页面与微信小程序相互跳转并传参(web-view)
weixin_39689700的博客
12-19 2314
H5页面用vue2.全家桶写的。一、vue代码编写vue中路由的编写1)vue init webpack test2)/src/router/index.js中引入路由组件import Index from 'src/components/index/index'import Search from 'src/components/search/search'3)/src/router/index...
【小程序--H5跨域问题】最常用，最简单，一看就会的小程序H5跨域问题
qq_52499703的博客
09-09 6576
当然解决方法有很多，这里只用了一种最为简单的解决方法，
vue devServer之proxy跨域
weixin_39583421的博客
09-03 786
概念 什么是同源策略 同源策略是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的，浏览器只是针对同源策略的一种实现。 所谓同源是指：协议、域名、端口都相同 什么是跨域 跨域就是不同源，就是不满足协议、域名、端口都相同的约定 如：看下面的链接是否与 http://www.test.com/index.html 同源？ http://www.test.com/dir/login.html 同源 https://
微信公众号开发，实现本地开发调试
xiaoyuygl的博客
11-20 2263
微信用户每次向公众号发起请求时，微信服务器会先接收到用户的请求，然后再转发到我们的服务器上，也就是说，微信服务器是要和我们的服务器进行网络交互，所以我们必须保证我们的服务器外网可以访问到，这种部署到公网服务器进行测试的做法对于我们开发者来说非常不方便，没法debug查看每一步代码的运行情况，解决办法就是将内网的部署服务器映射到外网，让微信服务器可以正常访问到。三、需要注意的是，我们申请的是正式使用的公众号，它提供的接口权限很少，所以微信平台专门为开发者提供了一个微信公众测试号来方便我们测试更全面的接口。
微信公众号本地调试方法
qq_45520554的博客
06-20 3377
微信公众号本地调试方法 一：背景 公司的项目是微信授权回调到线上的域名，但是这样不方便本地调试。于是就尝试通过内网穿透的方法调试本地代码。 二：准备工具 我是用的工具是 ngrok,这个工具的使用方法很简单。它的简单使用教程如下： 注册一个账号 获取对应的token: 运行下载之后解压出来的软件 执行命令 ngrok authtoken 11u9mZpVKgdOC10UGUdQrffHqXX5_6sAzLg8Qvgi3z5HGwmcTc（自己的token值） 4.启动对应的映射 ngr
vue-cli 跨域问题代理解决方案：devServer配置
yh_zeng2的博客
03-11 1083
vue-cli 跨域问题代理解决方案：devServer配置
vue跨域问题解决
weixin_66721210的博客
02-19 244
vue跨域问题解决
前端开发微信公众号本地调试
qq_41916791的博客
10-16 1771
nginx实现本地调试微信公众号线上配置域名前言步骤一、 nginx安装二、 修改本地host文件三、 配置nginx四、 修改vue项目配置五、 修改微信公众号授权打开的链接地址路径六、 重启项目 前言 场景：先描述一下我整个编写的心里路程，非常的尴尬，一定要先看下再进行编写，整个过程是这样的，公司网络是做了网络安全限制的，所以使用内网穿透进行域名映射这个方法进行本地调试是不可取的，接下来我说说我的方法哈！有些步骤是网上合并的流程，如果有冒犯可以私信我，我会进行修改或者删除，我只是希望后面其他的小伙伴遇到
vue开发本地调试微信网页授权
CILOCILO
10-24 1365
vue开发本地调试微信网页授权 相关信息： 微信开发者工具 vue-cli3 1、修改hosts文件 这里可能会遇到无法修改的问题，可以通过修改权限或管理员权限打开修改 修改用户权限的操作如下： 修改hosts内容： 这里需要注意的是：自定义的域名需要是已经备案的域名（也就是可以访问的），很多相关的文章都没有提到这一点，导致认为修改无效 成功修改后可能还是无法访问，这时候可能是英文dns解析存在缓存，刷新就好。 ipconfig/flushdns 2、配置vue.config.js文件 3
开发微信公众号H5，如何本地调试【爽歪歪】
qq_31496915的博客
12-01 5202
最近开发公众号h5，需要获取公众号用户的code，但是是根据微信公众号提供的方式，是对url地址进行重定向，前提还要在公众号后台配置【网页授权域名】，这玩意还不能是ip地址，也就是说,本地调试不了，盲写完后，每次需要部署到测试环境进行调试，修改一次部署一次，烦死了！！！因为公众号【网页授权域名】不能是ip地址和外网不能访问内网，那么可以借助内网穿透工具。具体步骤如下
2022.06.07 前端-vue跨域解决办法
小龙跳动的博客
04-07 1064
前端-vue跨域解决办法
vue微信公众号项目怎么运行在微信开发者工具里
06-08
注意：在微信开发者工具中预览Vue项目时，需要在`vue.config.js`文件中配置代理，以避免跨域问题。在`vue.config.js`文件中添加如下代码： ``` module.exports = { devServer: { proxy: { '/api': { target: '...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值