react项目启动如何改url

在React项目中修改启动URL通常涉及配置开发服务器或生产环境部署设置。以下是具体方法：

修改开发环境的URL

通过package.json或自定义配置文件调整开发服务器的启动地址和端口：

// package.json 中修改scripts命令
"scripts": {
  "start": "set HOST=yourdomain.com && set PORT=3001 && react-scripts start"
}

或使用.env文件定义环境变量：

HOST=yourdomain.com
PORT=3001

配置生产环境URL

生产环境的URL通常由部署服务器（如Nginx、Apache）或云服务（如Vercel、Netlify）控制。需修改服务器配置或平台设置：

# Nginx示例配置
server {
  listen 80;
  server_name yourdomain.com;
  root /path/to/react/build;
  index index.html;
}

使用路由库处理路径

若需修改基础路径（如从/改为/app），在React Router中配置basename：

<BrowserRouter basename="/app">
  <App />
</BrowserRouter>

动态环境变量

通过创建.env文件定义变量，项目构建时会注入：

REACT_APP_API_BASE_URL=https://api.yourdomain.com

代码中通过process.env.REACT_APP_API_BASE_URL访问。

注意：修改后需重新启动开发服务器或重新构建生产包。不同脚手架工具（如Vite、Create React App）的配置方式可能略有差异。