Vue跨域问题终解决「建议收藏」

Vue跨域问题终解决「建议收藏」config->index.js->dev->proxyTable{}修改proxyTable{}为:proxyTable:{‘/api’:{//虚拟目录target:’http://localhost:8081′,//后台NodeSpringboot项目的请求网址changeOrigin:true,…

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

config->index.js->dev->proxyTable{}

修改proxyTable{}为:

proxyTable: {
      '/api': {//虚拟目录
        target: 'http://localhost:8081',//后台NodeSpringboot项目的请求网址
        changeOrigin: true,
        pathRewrite: {
          '^/api': ''//由于上面的虚拟目录实际上是不存在的,不去掉的话访问的时候显示的url会变成'http://localhost:3000/api',所以得去掉
        }
      }
    }

发送ajax请求:

先安装axios命令:npm install axios

<template>
  <div class="hello">
    <div>
      {
  
  {title}}
    </div>
    <hr>
    <button @click="convert">点击获取数据</button>
  </div>
</template>

<script>
  import axios from 'axios'

  export default {
    name: 'HelloWorld',
    data() {
      return {
        title: "静态数据"
      }
    },
    methods: {
      convert: function () {
        //这里需要注意一下:域名和端口换成api
        axios.get("api/sysUser/getSomething").then(res => {
          this.title = res.data;
        })
      }
    }
  }
</script>

SpringBoot后台:

  @GetMapping("/getSomething")
    public String getSomething() {
        return "后台数据";
    }

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/192455.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • tk域名免费注册_tk域名注册教程

    tk域名免费注册_tk域名注册教程1.申请免费域名进入http://www.dot.tk(推荐注册tk域名),申请一个新的域名,每次申请12个月以下是免费的,到期前14天可以免费续期在此页面执行下一步之前,需要进行设置DNS服务器2.获取DNS服务器申请进入http://freewebhostingarea.com/,如下图填写刚刚申请的域名,然后按PROCEED继续跳转至下一页提示:3.根据下…

  • python保留小数位数_python小数点保留三位

    python保留小数位数_python小数点保留三位https://www.luogu.org/problemnew/show/P14221.round()内置方法a=int(input())sum=0if(a>=401):sum+=(a-400)*0.5663a=400if(a>=151):sum+=(a-150)*0.4663a=150sum+=a*0.4…

  • sp_helptext 查看存储过程内容

    sp_helptext 查看存储过程内容

  • af-s af-f_read fpdma queued

    af-s af-f_read fpdma queued1.PDAF驱动功能验证1.1pdaflog设置log设置,打开AF(8),State(2),Sensor(2)的logCT30P:/#cat/vendor/etc/camera/camxoverridesettings.txtoverrideLogLevels=0x3FlogWarningMask=0x08000202logInfoMask=0x08000202logVerboseMask=0x08000202enable3ADebugData=TRUEdumpSens

  • 查询linux ssh端口,查看ssh端口「建议收藏」

    查询linux ssh端口,查看ssh端口「建议收藏」rpm-qa|grepssh可以看到系统中ssh安装包ps-ef|grepssh查看ssh服务有没有运行,如果有,可以看到类似以下内容:root26591018:31?00:00:00/usr/sbin/sshdroot27022618018:38pts/000:00:00grepssh这证明ssh已经在运行了,进程名为sshd如果没有运行,可以通过…

    2022年10月24日
  • 【强化学习】GAIL生成对抗模仿学习详解《Generative adversarial imitation learning》

    【强化学习】GAIL生成对抗模仿学习详解《Generative adversarial imitation learning》通过深度强化学习,我们能够让机器人针对一个任务实现从0到1的学习,但是需要我们定义出reward函数,在很多复杂任务,例如无人驾驶中,很难根据状态特征来建立一个科学合理的reward。人类学习新东西有一个重要的方法就是模仿学习,通过观察别人的动作来模仿学习,不需要知道任务的reward函数。模仿学习就是希望机器能够通过观察模仿专家的行为来进行学习。OpenAI,DeepMind,Google…

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号