vite3 + vue3 + ts设置跨域
时间: 2024-01-17 18:18:50 浏览: 145
vue3+vite+ts环境搭建步骤
5星 · 资源好评率100%
在vite3 + vue3 + ts项目中设置跨域可以通过配置vite.config.js文件来实现。具体步骤如下:
1. 在项目根目录下创建一个vite.config.js文件。
2. 在vite.config.js文件中添加以下代码:
```javascript
import { defineConfig } from 'vite';
export default defineConfig({
server: {
proxy: {
'/api': {
target: 'http://example.com', // 设置你要请求的接口域名
changeOrigin: true,
rewrite: (path) => path.replace(/^\/api/, '') // 去掉请求路径中的/api前缀
}
}
}
});
```
3. 将target的值修改为你要请求的接口域名。
4. 重启项目,跨域设置就生效了。
需要注意的是,以上代码中的`/api`是一个示例,你可以根据实际情况修改为你的接口路径前缀。
阅读全文