[Vuejs] WEBPACK+VUE-CLI packaging How to reference relative paths

By default, through the Webpack+vuec-li packaging of CSS, JS and other resources, the path is absolute, that is, static in the root directory, if deployed to a project with a folder directory, the resource path will be wrong, how to resolve.

1. Modify the resource reference relative path to open build/webpack.prod.conf.js

27 rows found output: increased publicpath: './',

Of course, modify it in the Config folder under Index.js.

Assetspublicpath: './'

You can also reach a relative reference to a resource.

2. Modify the relative path of the CSS resource reference, open Build/utils.js, and locate the following location

Add publicpath: '. /.. /' can

It can be placed in any directory after packaging.

[Vuejs] WEBPACK+VUE-CLI packaging How to reference relative paths