vue+vite项目打包生成可以后端修改url ip的相关配置与使用方式
在Vue + Vite项目中，如果你想要实现可以在不同的服务器上运行时修改URL的IP，你可以通过环境变量来实现。
- 在项目根目录下创建
.env文件，用于设置环境变量。
# 开发环境变量
VITE_API_URL=http://localhost:3000
# 生产环境变量
# 通常在构建时指定 NODE_ENV=production 来使用
VITE_API_URL=http://123.45.67.89:3000- 在项目中使用这个变量。例如，在
src/api/index.js中：
import axios from 'axios';
const apiClient = axios.create({
baseURL: process.env.VITE_API_URL, // 使用环境变量作为基础URL
});
export default apiClient;- 构建项目时，你可以通过设置
NODE_ENV来指定不同的VITE_API_URL：
# 开发环境
$ npm run dev
# 生产环境，指定API URL为http://123.45.67.89:3000
$ NODE_ENV=production npm run build这样，你就可以通过修改.env文件中的VITE_API_URL来更换服务器的IP地址，同时不需要修改代码。在实际部署时，只需要确保环境变量被正确加载即可。
评论已关闭