Vue——vue3中vite配置跨域请求_vue3 vite 网络请求

配置

vite.config.js文件（与src同级）

module.exports = {
    proxy: {
        '/base_url': {
            target: 'https://api.apiopen.top/',
            // 是否允许跨域
            changeOrigin: true,
            rewrite: path => path.replace(/^\/base_url/, '')
        }
    }
}
1
2
3
4
5
6
7
8
9
10

使用

App.vue文件

<script>
import axios from 'axios'
export default {
  name: 'App',
  setup () {
    let api = 'base_url/api/getHaoKanVideo?page=0&size=2'
    axios.get(api).then(res => {
      console.log(res, '请求结果 ')
    })
  }
}
</script>
1
2
3
4
5
6
7
8
9
10
11
12