uniapp部署服务器,uniapp打包H5部署服务器,uniapp将config.js抽离

在UniApp中，你可以通过以下步骤来进行H5的打包和部署：

1. 修改/src/main.js，移除或注释掉Vue.prototype.$getConfig = () => {}这段代码。
2. 创建一个新的文件，比如叫env.js，在其中定义你的环境变量。

// env.js
export default {
  baseUrl: process.env.NODE_ENV === 'development' ? 'http://dev.server.com' : 'http://prod.server.com'
}

3. 修改/src/manifest.json，在h5对象中添加你的新环境变量配置。

{
  // ...
  "h5": {
    "devServer": {
      "port": 8080,
      "proxy": {
        "/api": {
          "target": "$env.baseUrl",
          "changeOrigin": true
        }
      }
    }
  }
}

4. 在/src/api/index.js或其他API调用文件中，引入env.js并使用其变量。

// api/index.js
import env from './env.js';
 
const baseUrl = env.baseUrl;
 
export function getData() {
  return uni.request({
    url: `${baseUrl}/api/data`,
    // ...
  });
}

5. 使用UniApp提供的命令行工具来打包你的应用。

# 打包生产版H5
npm run build:h5

6. 打包完成后，将生成的dist/build/h5目录中的内容部署到你的服务器上。
7. 确保服务器上的应用可以正确处理API请求，并且所有资源都可以通过正确的URL访问。

以上步骤展示了如何在UniApp中进行H5的部署，其中包括了环境变量的配置和打包，使得应用的部署更为灵活和安全。