场景如下:

微信或者第三方登录回调地址,有#号时,接收不到code参数,或者处理起来非常复杂

微信H5支付的回调地址,不允许有#

App分享,处理特殊字符时,可能会对#进行编译

开发App嵌入式页面时,与框架字段兼容性取值异常

解决步骤:

1. 在vue根目录下创建vue.config.js 文件,内容如下

// product为工程名

module.exports = {

    publicPath: '/product/',

    outputDir: 'product'

}

2. 修改router.js 文件

// product为工程名

const router = new VueRouter({

    mode: 'history',

    base: '/product/',

    routes

})

3. 联合后端同事,修改Nginx配置

// product为工程名

location /product {

    index index.html index.htm;

    try_files $uri $uri/ /product /;

}
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。