vue打包时的publicPath,就是打包后静态资源的路径

vue打包时的publicPath,就是打包后静态资源的路径_第1张图片

情况一

当不配置vue.config.js或者没有publicPath属性时,默认访问的静态路径是服务器的根目录
vue打包时的publicPath,就是打包后静态资源的路径_第2张图片
vue打包时的publicPath,就是打包后静态资源的路径_第3张图片
服务器根目录下没有js文件夹所以访问失败,把dist下的js,css等静态文件剪切到wamp/www目录下就可以正常访问了(注意重启wamp)
vue打包时的publicPath,就是打包后静态资源的路径_第4张图片
vue打包时的publicPath,就是打包后静态资源的路径_第5张图片

情况二

在这里插入图片描述
当配置为当前目录’./’
vue打包时的publicPath,就是打包后静态资源的路径_第6张图片
访问正常,其实publicPath当前目录即打包后的index.html的当前目录,即dist目录,怎么证明,把publicPath的值设置为’…/’,看看情况三

情况三

在这里插入图片描述
在这里插入图片描述

vue打包时的publicPath,就是打包后静态资源的路径_第7张图片
又报错,把js,css等静态文件复制到wamp/www目录下试一下
vue打包时的publicPath,就是打包后静态资源的路径_第8张图片
访问成功,说明:publicPath设置为当前目录’./'就是dist目录的设想,没错

你可能感兴趣的:(自动化,python,javascript)