当前位置：首页 > wzjs >正文

做电子外贸网站建设电商网课

wzjs 2025/7/29 1:19:29

做电子外贸网站建设,电商网课,wordpress签到领积分,有没有可以做app的网站吗文章目录一、概述二、报错现象三、通过配置代理来解决修改request.js中的baseURL为/api在vite.config.js中增加代理配置四、参考资料一、概述跨域是指由于浏览器的同源策略限制，向不同源(不同协议、不同域名、不同端口)发送ajax请求会失败二、报错现象三、…

文章目录

一、概述
二、报错现象
三、通过配置代理来解决
- 修改request.js中的baseURL为/api
- 在vite.config.js中增加代理配置
四、参考资料

一、概述

跨域是指由于浏览器的同源策略限制，向不同源(不同协议、不同域名、不同端口)发送ajax请求会失败
在这里插入图片描述

二、报错现象

在这里插入图片描述

三、通过配置代理来解决

修改request.js中的baseURL为/api

在这里插入图片描述

在vite.config.js中增加代理配置

在这里插入图片描述
完整内容：

import { fileURLToPath, URL } from 'node:url'import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import vueDevTools from 'vite-plugin-vue-devtools'// https://vite.dev/config/
export default defineConfig({plugins: [vue(),vueDevTools(),],resolve: {alias: {'@': fileURLToPath(new URL('./src', import.meta.url))},},server: {proxy: {'/api': { // 匹配所有以 /api 开头的请求target: 'http://localhost:8080',  // 代理目标地址changeOrigin: true,rewrite: (path) => path.replace(/^\/api/, ''),  // 重写路径，将 /api 替换为空},},}
})