写这篇多少有点心情复杂，毕竟因为一个巨巨巨巨没意思的bug卡了两整天…
废话不多说啦，开篇入题叭，希望大家都能改好自己的bugggggg！！！
1.vite.config.js配置
注意：因为我是用vite创建的，不是vue-cli，当时搜了好多教程都教的是新建一个vue.config.js，发现根本没有生效，所以，如果使用vite创建的项目就在vite.config.js里面配置如下代码：文章来源：https://www.toymoban.com/news/detail-448190.html
以我要访问的疫情数据api为例，原api地址：https://api.inews.qq.com/testaxios/newsqa/v1/automation/modules/list?modules=FAutoCountryConfirmAdd,WomWorld,WomAboard文章来源地址https://www.toymoban.com/news/detail-448190.html
import {
defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
export default defineConfig({
plugins: [vue()],
server: {
port: 3000,
proxy: {
'/testaxios': {
target: 'https://api.inews.qq.com/',
// target就是你要访问的目标地址，可以是基础地址，这样方便在这个网站的其他api口调用数据
ws: true,
changeOrigin: true,
rewrite: (path) => path.replace(/^\/testaxios到了这里，关于vue3+vite项目跨域配置（踩坑无数篇）的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
