Vue Packaging WebApp Essentials

Source: Internet
Author: User

Tags: select move his apk pat public install start diagram picture

One, the Vue source code settings
1) src in the configuration of the Router model: ' History ' to be removed, that is, the Address bar reserved "#".
2) Config's index about build configuration Assetspublicpath: './' attention to add.
If the above two items are not set to, then, packaging out of the WebApp is blank, hehe.

Second, Hbuilder pack the process of Android
1) Open the directory and select the Dist directory generated by NPM run build in Vue.
2) Right click on the directory, "Convert to mobile app", the icon in the directory tree changes from W to A.
3) In the directory tree appears manifest.json, double-click, configuration (such as basic information, icon configuration, boot pictures, etc.), save.
4) "Release"--"cloud package-Play native Install package", submit package task (for user experience, remove ads. Choose an Android certificate).
5) Distribute the resulting apk file.
Select index.html in the Catalog tree, then "Run"--"browser run", so you can debug your code in Chrome.

If the web is purely mobile, and no device is involved, packaging an android is basically over.

Vue Packaging WebApp Essentials

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: and provide relevant evidence. A staff member will contact you within 5 working days.

Tags Index: