Vue配置代理(解决跨域请求）

Vue脚手架配置代理解决跨域请求

最新推荐文章于 2024-05-24 06:35:25 发布

原创

最新推荐文章于 2024-05-24 06:35:25 发布 · 339 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #前端

app.vue

<template>
  <div>
    <button @click="getStudents">获取学生信息</button>
    <button @click="getCars">获取汽车信息</button>
  </div>

</template>

<script>
import axios from 'axios'
export default {
  name: 'App',
  methods:{
    getStudents(){
      axios.get('http://localhost:8080/liners/students').then(
          response => {
            console.log('请求成功了',response.data)
          },
          error=>{
            console.log('请求失败了',error.message)
          }
      )
    },
    getCars(){
      axios.get('http://localhost:8080/linerc/cars').then(
          response => {
            console.log('请求成功了',response.data)
          },
          error => {
            console.log('请求失败了',error.message)
          }
      )
    }
  }
}
</script>