Vue——vue3中vite配置跨域请求

配置

vite.config.js文件(与src同级)

module.exports = {
    proxy: {
        '/base_url': {
            target: 'https://api.apiopen.top/',
            // 是否允许跨域
            changeOrigin: true,
            rewrite: path => path.replace(/^\/base_url/, '')
        }
    }
}

使用

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>

你可能感兴趣的:(Vue,vue.js,javascript,前端)