vite通过proxy解决跨域问题
同源策略保护,跨域请求
一、 在 vite.config.js 开启跨域
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
// https://vitejs.dev/config/
export default defineConfig({
plugins: [vue()],
server: {
proxy: {
'/path': {
target: 'https://elf-deco.maibaapp.com',//替换的服务端地址
changeOrigin: true,//开启代理,允许跨域
rewrite: path => path.replace(/^\/path/, '')//设置重写的路径
}
}
}
})
二、引入axios
安装
npm install axios
三、使用
例子请求
https://elf-deco.maibaapp.com/content/wxapp/loversProfile/json/lovers-1.json
<script setup>
import axios from 'axios'
axios.get('/path/content/wxapp/loversProfile/json/lovers-1.json').then((res)=>{
console.log(res.data)
})
</script>
内容
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/107031.html