Vue打包到上架，遇到的一系列问题，打包路径404和静态资源文件图片找不到，的解决方案，如果对你有帮助，请点赞，评论告诉我，非常高高兴，可以帮助到你！！

需求

做一个Web简历，需要在外网进行展示。
使用技术 Vue+Bootstrap
展示服务器Gitee Pages

问题分析

打包路径错误

Gitee展示路径是https://账户名.gitee.io/项目名
Vue测试环境是账户名:8080/
于是就倒是一个问题，在打包后
webpack打包的css和Js路径都是基于根目录的，在上传到展示服务器后会导致404路径错误
其实文件是在 项目名/的根目录，不是展示服务器的根目录
所以需要在打包时加上项目名:

config->index.js
module.exports.dev.assetsPublicPath
把这个Value改成 :'/项目名/'

但是这只能改变css和js文件路径错误的问题
图片引入路径依然没有改变，后来经过反复思考，
把根目录static文件夹图片引入src/assets/路径下，
重新打包问题完美解决

bootstrap缺少jquery

刚开始在App.vue使用import引入开发中没有找到，
然后在main.js中引入还是没有找到
后来在build->webpack.dev.conf.js的plugins下引入jquery

 new webpack.ProvidePlugin({
      jQuery: 'jquery',
      $: 'jquery'
    })

这么做已经解决在测试环境中找不到Jquery的问题
但是在打包上传后还是找不到Jquery，这到底是什么情况呢
后来研究才明白，
打包要在build->webpack.prod.conf.js的plugins下引入
然后就解决了打包后上传到服务器找不到Jquery的问题