uniapp 打包h5路由模式history配置_uniapp h5路由模式_头发超多的程序媛的博客-程序员秘密

技术标签: uni-app  

我们使用hash模式时,打包线上,容易出现页面空白的情况,所以如下配置

"h5" : {
    
        "devServer" : {
    
            "publicPath":"./"
            "https" : false,
            "port" : 3000,
            "disableHostCheck" : true,
            "proxy" : {
    
                "/api" : {
    
                    "target" : "https://m.shop.com",
                    "ws" : true,
                    "changOrigin" : true,
                    "pathRewrite" : {
    
                        "^/api" : ""
                    }
                }
            }
        },

我们使用历史模式(history)模式的时候,不能用hash模式的配置

 "h5" : {
    
        "devServer" : {
    
            // "publicPath":"./"   //注意隐藏这行
            "https" : false,
            "port" : 3000,
            "disableHostCheck" : true,
            "proxy" : {
    
                "/api" : {
    
                    "target" : "m.shop.com",
                    // "target":"http://localhost:8080/hht_mall/",
                    "ws" : true,
                    "changOrigin" : true,
                    "pathRewrite" : {
    
                        "^/api" : ""
                    }
                }
            }
        },
        "router" : {
    
            "base" : "mall/website/",    //填写你的线上地址(如http://m.shop.com/mall/webiste/,线上根目录是http://m.shop.com,取得是根目录后的mall/website, 注意本地开发时需要隐藏这行
            "mode" : "history"
        },
}
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_44714325/article/details/113108094

智能推荐

private static final long serialVersionUID = 1L;_单车轨迹的博客-程序员秘密

什么是Serializable?这是java的一个接口,这个接口是用来完成序列化和反序列化操作的。那么问题来了,什么是序列化和反序列化呢? 任何类型只要实现了Serializable接口,就可以被保存到文件中,或者作为数据流通过网络发送到别的地方。也可以用管道来传输到系统的其他程序中。这样说可能还是不太明白,更简单直接一点。把一个对象以一种方式,打包压缩,成为一个字符串,使他适合存放和传输,这就是...

用Python实现拟一维喷管流动的数值解_拟一维喷管流动的数值解法python编程_weixin_42304210的博客-程序员秘密

import mathimport decimalimport numpy as npfrom decimal import *wnx=31#最后一个网格记数31dx=3/(wnx-1)#网格的大小bzb=1.4#比热比dtb=200C = 0.5at=0.0201x=np.zeros((wnx,1))A=np.zeros((wnx,1))A1=np.zeros((wnx,...

Finding the Longest Palindromic Substring in Linear Time_a13393665983的博客-程序员秘密

Finding the Longest Palindromic Substring in Linear Time Finding the Longest Palindromic Substring in Linear TimeFinding the Longest ...

Mac安装pyenv踩过的坑_mac13 pyenv踩坑_Daletxt的博客-程序员秘密

优点不多说了,坑如下:使用pyenv来管理,实际上这个玩意有个不足之处是:(参考这个)Pyenv只会管理通过Pyenv安装的Python版本,你自己在Python官网上下载的直接安装的Pyenv并不能被管理!!!同样除了系统默认的python包外,其他直接安装的python包是识别不出来的,即使用brew安装的也识别不出来。Git地址:https://github.com/pyenv/...

C++高级数据结构算法 | 倒排索引(inverted index)_倒排索引的数据结构增删改查_ZY-JIMMY的博客-程序员秘密

从搜索引擎谈起、倒排索引的基本概念、倒排索引举例、浅谈正排索引、倒排索引的实现

LWIP中一个奇怪宏定义的解析_USB_ABC的博客-程序员秘密

对于lwip中内存池的大小,不同的lwip版本定义的方式不一样,但都大同小异。在lwip_1.4.1中,通过一个static函数获取内存池大小:u32_t memp_get_memorysize(void){ u32_t length=0; length=( MEM_ALIGNMENT-1 #define LWIP_MEMPOOL(name,num,size,desc) + ((num)*(MEMP_SIZE+MEMP_ALIGN_SIZE(size).

随便推点

处理Base64加密的xml文件、Dom解析、提取数据,保存到MySQL_对xml base64加密的_Be_insighted的博客-程序员秘密

处理Base64加密的xml文件、解析、提取数据,保存到MySQLDocument、Elementpublic BaseRet addProductionDefine(ProductDefineBody body) { ProductDefineEntity entityProductCode = productDefineDAO.findFirstByOrderByProductCodeDesc(); ProductDefineEntity entity = new Prod...

vesc 代码在STM32F4 discovery开发板编译与下载(ubutun 14.04环境下)_vesc_msgs编译_laixiong_embed的博客-程序员秘密

前期准备工作:一:安装gcc(如果已装可忽略)sudo add-apt-repository ppa:team-gcc-arm-embedded/ppasudo apt updatesudo apt install gcc-arm-embedded二:安装openocd和stlink设置sudo apt-get install openocdwget vedder.se...

SpringAnnotation注解之@PreDestroy,@PostConstruct,@Scope_方正文的博客-程序员秘密

@Scope的使用很简单,直接在类上加上就行@PostConstruct:相当于xml配置方式的init-method方法@PreDestroy:相当于xml配置方式的destroy-method方法例如:userService12345678910111213141516171819202122232425262728293031323334353637package com.fz.annota

IDC发布2020上半年SD-WAN报告:阿里云领跑国内服务市场_云布道师的博客-程序员秘密

凌云时刻 · 极鲜速递导读:同比增速超 600%,25% 市场份额,阿里云领跑中国 SD-WAN 服务领域。来源 |洛神云网络技术日前,权威调研机构 IDC 发布了 2020 年上半...

推荐文章

热门文章

相关标签