nuxt跨域请求其他api
export default defineNuxtConfig({
devtools: { enabled: true },
css: [
'@/assets/css/global.css'
],
nitro: {
devProxy: {
'/go1-api':{
target: 'http://localhost:8088',
prependPath:true,
changeOrigin:true
}
}
}
})
fetch处理
import {ref,reactive,onMounted} from "vue"
const goData1 =ref()
fetch('/go1-api').then(async res=>{
return res.json()
}).then(async data => goData1.value = await data[0].message)
.catch(err=>console.log(err.message))
nuxt设置标头
useHead({
title: ""
})
nuxt使用usFetch()请求自己的server中的api
export default defineEventHandler((event)=>{
return {
status: 200,
message: "this is nuxt3 api"
}
})
<script setup>
import {ref,reactive,onMounted} from "vue"
const myServerMsg1 = ref()
const {data} = await useFetch('/api')
myServerMsg1.value = await data.value.message
</script>
<template>
<div>{{ myServerMsg1 }}</div>
</template>
<style scoped>
</style>