date
Apr 5, 2024 02:54 AM
type
status
slug
summary
tags
category
updated
Apr 10, 2024 12:48 PM
icon
password
前言
vite项目可以直接部署到vercel上,不用做任何修改。但是这里会遇到一个问题,就是网站访问接口跨域。如果是普通的服务器,那么通常就是用nginx做反向代理。但是对于Vercel我们无法这么做。
解决方法
采用vercel上的配置做代理。
- 项目安装插件
- 你的项目根目录新建一个文件
.vercel.json
- 在项目根目录建立这样一个文件
/api/proxy.js
。用什么模块查看你的package.json
。
- 修改项目的接口,由项目的当前地址访问。下面是我写的一个例子
注意的点
- 这里注意一下,我之前把hello接口直接写在https://163.m.com上,结果导致一直访问404。增加了路径之后就可以正常访问了。
- 一定要保证你的后端项目是开启了跨域