vue--跨域配置

最新推荐文章于 2024-01-22 10:43:25 发布

Record growth...

最新推荐文章于 2024-01-22 10:43:25 发布

阅读量99

点赞数

分类专栏： Vue 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/weixin_44239550/article/details/128657682

版权

Vue 专栏收录该内容

34 篇文章 0 订阅

订阅专栏

首先要在main.js中引入axios:

//引入axios
import axios from 'axios';
//注册
Vue.prototype.$axios = axios;

和main.js同级别有个vue.config.js，在这里面进行配置：

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  
  devServer:{
    proxy:{
      '/api': {
        target: 'https://data.weatherat.com', // 接口的域名
        pathRewrite: {'^/api': ''}
        }
    },

  }
})

使用：

<template>
    <div>
        <h3>跨域</h3>
    </div>
</template>

<script>
export default {
    created(){
        this.$axios.post("/api/live/getPopularCityInfo")
        .then(res=>{
            console.log(res.data);
        })
    }
}
</script>

<style>

</style>