web前端全系列 教程
1839个小节阅读:2244.4k
目录
鸿蒙应用开发
C语言快速入门
JAVA全系列 教程
面向对象的程序设计语言
Python全系列 教程
Python3.x版本,未来主流的版本
人工智能 教程
顺势而为,AI创新未来
大厂算法 教程
算法,程序员自我提升必经之路
C++ 教程
一门通用计算机编程语言
微服务 教程
目前业界流行的框架组合
web前端全系列 教程
通向WEB技术世界的钥匙
大数据全系列 教程
站在云端操控万千数据
AIGC全能工具班
A A
White Night
在工作的真实场景中,跨域是常见问题,所以我们需要解决跨域问题
ximport { fileURLToPath, URL } from 'node:url'
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
// https://vitejs.dev/config/
export default defineConfig({
plugins: [vue()],
resolve: {
alias: {
'@': fileURLToPath(new URL('./src', import.meta.url))
}
},
server: {
proxy: {
'^/api': {
target: 'http://iwenwiki.com', // 后端服务实际地址
changeOrigin: true, //开启代理
rewrite: (path) => path.replace(/^\/api/, '')
}
}
}
})
xxxxxxxxxx
<template>
<h3>网络请求</h3>
<ul>
<li v-for="item in list.info" :key="item.id">
<p>{{ item.title }}</p>
</li>
</ul>
</template>
<script setup>
import { onMounted,reactive } from "vue"
import axios from "axios"
const list = reactive({
info:[]
})
onMounted(() =>{
axios.get("/api/api/FingerUnion/list.php")
.then(res =>{
list.info = res.data.data
})
.catch(error =>{
console.log(error);
})
})
</script>
实时效果反馈
1.下列代码,画横线处应该填写的代码是:
xxxxxxxxxx
import { fileURLToPath, URL } from 'node:url'
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
// https://vitejs.dev/config/
export default defineConfig({
plugins: [vue()],
resolve: {
alias: {
'@': fileURLToPath(new URL('./src', import.meta.url))
}
},
server: {
proxy: {
'^/api': {
___: 'http://iwenwiki.com', // 后端服务实际地址
changeOrigin: true, //开启代理
rewrite: (path) => path.replace(/^\/api/, '')
}
}
}
})
A axios
B target
C instance
D interceptors
答案
1=>B