uniapp后网址

uniapp 打包后的网址配置

在 uniapp 项目中，打包后的网址配置主要涉及 manifest.json 文件和部署环境的设置。以下是关键配置项：

H5 配置 在 manifest.json 的 h5 节点下，设置 router 的 base 属性为子目录路径。例如，若需部署在 /app/ 子目录下：

"h5": {
  "router": {
    "base": "/app/"
  }
}

发布路径 打包后的 H5 资源默认生成在 /dist/build/h5 目录。需将整个目录内容上传至服务器对应子目录（如 /app/）。

跨域配置

若前端与 API 接口存在跨域问题，需在 manifest.json 中配置代理：

"h5": {
  "devServer": {
    "proxy": {
      "/api": {
        "target": "http://your-api-domain.com",
        "changeOrigin": true
      }
    }
  }
}

路由模式选择

支持两种路由模式：

• hash 模式：URL 带 #，兼容性更好
• history 模式：需服务器配置支持，在 manifest.json 中设置：

  "h5": {
  "router": {
    "mode": "history"
  }
  }

静态资源路径

解决静态资源加载问题，在 vue.config.js 中配置 publicPath：

module.exports = {
  publicPath: process.env.NODE_ENV === 'production' ? '/your-subpath/' : '/'
}

服务器配置示例

Nginx 配置示例，支持 history 模式：

location /app {
  try_files $uri $uri/ /app/index.html;
}

注意事项

• 部署后清除浏览器缓存测试
• 绝对路径资源需使用 @/ 或配置完整 URL
• 云存储需配置跨域规则（如 OSS 的 CORS 设置）

以上配置可根据实际部署环境调整，测试环境与生产环境可能需要不同配置。