uniapp项目中禁止横屏让app不自动旋转且始终保持竖屏

修改App.vue

就是要求手机横屏时，app也要保持竖屏的样子，不随着屏幕旋转。

修改/App.vue，在onLaunch里面设置不允许横屏：

<script>
	export default {
		onLaunch: function() {
			console.log('App Launch')
            // #ifdef APP-PLUS
			plus.screen.lockOrientation("portrait-primary")
            // #endif
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

这句是重点 
// #ifdef APP-PLUS
plus.screen.lockOrientation("portrait-primary")
// #endif

修改配置文件

修改/manifest.json，点击最下面的“源码视图”，找到app-plus => distribute，在里面添加代码。

修改前（版本不同，此图仅供参考）：

添加如下配置代码：

在distribute下添加：

"app-plus" : {
	"distribute" :{
		/* 重力感应、横竖屏配置，新添加的 */
		"distribute" : {
			"orientation" : [ "portrait-primary"]
		},
	}
}

最终结果可能如下：

"app-plus" : {
    /* 应用发布信息 */
    "distribute" : {
        /* 重力感应、横竖屏配置 */
        "distribute" : {
            "orientation" : [ "portrait-primary" ]
        },
        /* android打包配置 */
        "android" : {
            ...
        },
        ...
}

重新编译到手机基座即可，就可以在测试机上查看效果了。