Solve the problem of blank page, page path and 404 page after VUE is packaged and put into the server

The article enumerates apache and IIS server configuration mode, other own research

Wampserver apache In wampServer –apache–httpd.conf LoadModule rewrite_module modules/mod_rewrite.so remove the preceding # AllowOverride None — AllowOverride None = all; AllowOverride None = all

1. Config /index.js build.assetsPublicPath: ‘/’ Htaccess: RewriteEngine On RewriteBase/RewriteRule ^index.html$- [L] RewriteCond %{REQUEST_FILENAME} ! -f RewriteCond %{REQUEST_FILENAME} ! -d RewriteRule . /index.html [L]

Restart the service and open http://localhost:8033/ for direct access

1.config/index.js build.assetsPublicPath : ‘./’ 2.router/index.js base: ‘/ dist/files in the dist/http://localhost:8033/dist/ so access RewriteEngine On RewriteBase/RewriteRule ^ index. The HTML $- [L] RewriteCond %{REQUEST_FILENAME} ! -f RewriteCond %{REQUEST_FILENAME} ! -d RewriteRule . /dist/index.html [L]

2. Router /index.js base: router/index.js base: ‘/’ this is the default. The files are placed in the root directory, http://localhost:8033/ so that you can access them directly

1.config/index.js build.assetsPublicPath : ‘./’ 2.router/index.js base: ‘/ dist/files in the dist/http://localhost:8033/dist/ so access to the code above and dist