寫這篇多少有點(diǎn)心情復(fù)雜，畢竟因?yàn)橐粋€(gè)巨巨巨巨沒意思的bug卡了兩整天…
廢話不多說啦，開篇入題叭，希望大家都能改好自己的bugggggg?。?！
1.vite.config.js配置
注意：因?yàn)槲沂怯?strong>vite創(chuàng)建的，不是vue-cli，當(dāng)時(shí)搜了好多教程都教的是新建一個(gè)vue.config.js，發(fā)現(xiàn)根本沒有生效，所以，如果使用vite創(chuàng)建的項(xiàng)目就在vite.config.js里面配置如下代碼：文章來源：http://www.zghlxwxcb.cn/news/detail-448190.html
以我要訪問的疫情數(shù)據(jù)api為例，原api地址：https://api.inews.qq.com/testaxios/newsqa/v1/automation/modules/list?modules=FAutoCountryConfirmAdd,WomWorld,WomAboard文章來源地址http://www.zghlxwxcb.cn/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就是你要訪問的目標(biāo)地址，可以是基礎(chǔ)地址，這樣方便在這個(gè)網(wǎng)站的其他api口調(diào)用數(shù)據(jù)
ws: true,
changeOrigin: true,
rewrite: (path) => path.replace(/^\/testaxios到了這里，關(guān)于vue3+vite項(xiàng)目跨域配置（踩坑無數(shù)篇）的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
