1.打包

Vue项目完成后，运行

npm run build

根目录下生成dist文件，即项目的静态资源。

问题1：项目依赖的js,css等资源路径不正确

解决方法：
修改config下面的index.js

image.png
将build下面的assetsPublicPath修改为'./'

问题2：图标等资源路径错误

解决方法：

image.png

在build目录下的utils.js的这个函数中加上红色方框里的代码。

这时候我们重新运行npm run build,再用浏览器打开dist/index.html即可正常访问。

2. 部署到github

github上新建一个仓库
点击settings,在github pages选择master branch
上传dist下面的文件到master仓库，再github该仓库下新建gh-pages分支
访问的链接在settings里面可以找到

Vue项目打包并部署到github
1.打包 Vue项目完成后，运行根目录下生成dist文件，即项目的静态资源。问题1：项目依赖的js,css等资...
VUE 分环境打包(开发/测试/生产)配置
最近要把Vue项目部署到服务器上，在测试好的项目中执行npm run build就开始打包了。但是每次只能打包到一...
Vue项目webpack打包部署到服务器
Vue项目webpack打包部署到服务器必须要配置的就是/config/index.js 在vue-cli we...
Nginx | 常用配置
Nginx 常用功能常用配置详解 Nginx 部署 Vue 项目将 Vue 项目build打包后生成的 ...
（vue前端+java后台）使用nginx服务项目部署
一、部署vue项目(pc端、移动端)->nginx服务 1.vue项目打包： ①打开【项目目录/config/i...
Vue - vue项目打包部署到Github的pages在线访问
GitHub Demo 地址[https://github.com/iotjin/jh-vue-admin]在线预...
使用maven build go项目放到Linux执行
本地windows环境，直接maven打包go项目，并部署到linux执行。 maven构建文件
2019-04-01
前端项目打包部署通过vue-cli和webpack构建的项目体积一般都较大，在生产环境下，需要进行打包部署。 1...
开源调度工具Zeus环境搭建
下载源码从github上poll代码到本地打包项目部署上传大好的zeus-web.war 到 tomcat...
可修改接口地址的配置文件
webpack 打包vue项目后生成一个可修改接口地址的配置文件。当我们做完vue项目打包、转测试、部署后，却遇...