umi部署到非根路径的问题

在根路径的.umirc.ts 做配置

base: root, //部署到非根目录时才需配置
publicPath:root, //静态资源
—必须配置,不然静态资源出不来

/*
 * @Author: muge
 * @Date: 2021-12-29 10:41:57
 * @LastEditors: Please set LastEditors
 * @LastEditTime: 2021-12-31 10:18:08
 */
import { defineConfig } from 'umi';
import px2rem from 'postcss-plugin-px2rem';
import path from 'path';
import { domain } from './src/request/index';
const root:string = '/followup/'
export default defineConfig({
  base: root, //部署到非根目录时才需配置
  publicPath:root, //静态资源
  targets: {
    //配置浏览器最低版本,比如兼容ie11
    ie: 9,
  },
  hash: true, //开启打包文件的hash值后缀
  nodeModulesTransform: {
    type: 'none',
  },
  metas: [{ charset: 'utf-8' }],
  routes: [
    {
      path: '/',
      component: '@/pages/index',
      title: 'h5',
    },
  ],
  fastRefresh: {},
  proxy: {
    '/api': {
      target: domain,
      changeOrigin: true,
      pathRewrite: { '^': '' },
    },
  },
  alias: {
    '@': path.resolve(__dirname, 'src'),
  },
  extraPostCSSPlugins: [
    px2rem({
      rootValue:18.75 , // 兼容 ant mobile
      propBlackList:['border','border-top','border-left','border-right','border-bottom','border-radius','font-size'],//这些属性不需要转换
    }),
  ],
  antd:{
    mobile:false
  }
});

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要在Linux上部署UMI项目,可以按照以下步骤进行操作: 1. 首先,确保你的Linux服务器上已经安装了Node.js和NPM。你可以通过运行以下命令来检查它们的版本: ``` node -v npm -v ``` 如果没有安装,请根据你的Linux发行版进行安装。 2. 克隆或上传你的UMI项目到Linux服务器上的目标目录。 3. 进入项目目录,并使用NPM或Yarn安装项目依赖。如果你使用NPM,可以运行以下命令: ``` cd /path/to/your/project npm install ``` 4. 在UMI项目根目录下创建一个文件名为 `.umirc.local.js` 的文件,并配置你的项目相关信息,如端口号、代理等。一个简单的示例配置如下: ```javascript export default { proxy: { '/api': { 'target': 'http://api.example.com', 'changeOrigin': true, 'pathRewrite': { '^/api' : '' }, }, }, // 更多配置... }; ``` 5. 使用UMI提供的构建命令将项目构建为静态文件。运行以下命令: ``` npm run build ``` 6. 完成构建后,你将在项目根目录下生成一个 `dist` 文件夹,里面包含了构建好的静态文件。 7. 最后,你可以使用任何你喜欢的Web服务器软件(如Nginx)来提供静态文件服务。配置服务器软件,使其指向你项目根目录下的 `dist` 文件夹即可。 这样,你的UMI项目就成功部署在Linux服务器上了。你可以通过访问服务器的IP地址或域名来访问项目。记得在部署过程中根据实际情况进行相应的配置修改。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值