首页 > 其他分享 >vue2 访问网关的时候post无法请求

vue2 访问网关的时候post无法请求

时间:2023-09-23 12:11:35浏览次数:38  
标签:网关 跨域 api vue2 post true 请求

问题复现:

  后台使用微服务的框架 在consul 配置 并使用网关进行代理 。 

问题描述 :

  前台访问网关调用后台方法  请求方式为get 时 正常使用 ~post 时 显示跨域问题

 post访问路径正常 但就是无效果 显示跨域问题 报错

解决方法:

  

module.exports = defineConfig({
  transpileDependencies: true,
  publicPath: "./",
  devServer: {
    proxy: { //配置跨域
      '/api': {
        target: 'http://10.10.10.10:1010', //这里后台的地址模拟的;应该填写你们真实的后台接口
        ws: true,
        changOrigin: true, //允许跨域
        pathRewrite: {
          '^/api': '' //请求的时候使用这个api就可以
        }
      }
    }
  }
})

在 main.js文件中:

axios.defaults.baseURL = "/api" //把请求路径加上

最后再重新启动 num run serve 就大功告成啦!

不过发布的时候依然用不了

因为 vue.config.js 没法被打包成静态文件

解决方法: 使用ngnix发布 +反向代理

 

标签:网关,跨域,api,vue2,post,true,请求
From: https://www.cnblogs.com/ff2223/p/17724095.html

相关文章

  • 漏洞修复系列-如何升级linux系统Upgrade to PostgreSQL JDBC Driver version 42.2.27,
    问题遇到一个PostgreSQLJDBCDriver漏洞PostgreSQLJDBCDriverthatis42.2.xpriorto42.2.27,42.3.xpriorto42.3.8,42.4.xpriorto42.4.3or42.5.xpriorto42.5.1.Itis,therefore,affectedbyaninformationdisclosurevulnerability.原因PostgreSQLJD......
  • 【vue2】 demo1
    练习用的<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</title><scriptsrc="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>......
  • PostgreSQL集群解决方案与流复制项目实战
    一、风哥PG-DBA培训15:PostgreSQL集群解决方案与流复制项目实战课程目标:本课程由风哥发布的基于PostgreSQL数据库的系列课程,本课程属于PostgreSQL主从复制与高可用集群阶段之PostgreSQL集群解决方案与流复制项目实战,学完本课程可以掌握PostgreSQL集群与高可用架构解决方案,Postgre......
  • PostgreSQL负载均衡分发与双主HA架构
    一、风哥PG-DBA培训16:PostgreSQL负载均衡分发与双主HA架构本课程由风哥发布的基于PostgreSQL数据库的系列课程,本课程属于PostgreSQL主从复制与高可用集群阶段之PostgreSQL负载均衡分发与双主HA架构,学完本课程可以掌握PostgreSQL高可用负载均衡解决方案,PostgreSQL+Keepalived流复......
  • PostgreSQL高可用集群项目实战之Repmgr
    一、风哥PG-DBA培训18:PostgreSQL高可用集群项目实战之Repmgr课程目标:本课程由风哥发布的基于PostgreSQL数据库的系列课程,本课程属于PostgreSQL主从复制与高可用集群阶段之PostgreSQL高可用集群项目实战之Repmgr,学完本课程可以掌握Repmgr运行架构与基础知识,PostgreSQL+Repmgr实战......
  • PostgreSQL逻辑复制技术与项目实战
    一、风哥PG-DBA培训20:PostgreSQL逻辑复制技术与项目实战本课程由风哥发布的基于PostgreSQL数据库的系列课程,本课程属于PostgreSQL主从复制与高可用集群阶段之PostgreSQL逻辑复制技术与项目实战,学完本课程可以掌握PostgreSQL逻辑复制基础与架构,PostgreSQL逻辑复制配置之内置默认,Po......
  • PostgreSQL高可用集群项目实战之Patroni
    一、风哥PG-DBA培训19:PostgreSQL高可用集群项目实战之Patroni课程目标:本课程由风哥发布的基于PostgreSQL数据库的系列课程,本课程属于PostgreSQL主从复制与高可用集群阶段之PostgreSQL高可用集群项目实战之Patroni,学完本课程可以掌握Patroni运行架构与基础知识,PostgreSQL+Patroni......
  • 02-post 请求 【原网页找不到内容】
    importrequestsurl="http://www.xinfadi.com.cn/getPriceData.html"f=open("蔬菜价格.csv",mode="w",encoding="utf-8")date={"limit":"","current":"","pubDat......
  • post请求和get请求的区别
    post请求和get请求的区别(1)post请求更安全(不会作为url的一部分,不会被缓存、保存在服务器日志、以及浏览器浏览记录中,get请求的是静态资源,则会缓存,如果是数据,则不会缓存)(2)post请求发送的数据更大(get请求有url长度限制,http协议本身不限制,请求长度限制是由浏览器和web服务器决定和设......
  • Power BI 网关无法添加My SQL数据集
    今天第一次发布数据类型为MySQL的数据集到PowerBI报表服务器,desktop的连接正常,但是发布到web端后,添加网关时却提示以下错误,如下图所示:错误信息:无法创建连接,原因如下:无法连接到数据源。这是因为数据源不可访问、发生连接超时或数据源凭据无效。请验证数据源配置,并联系数据源管......