1、一般打包 :直接 npm run build。(webpack的文件,根据不同的命令,执行不同的代码的)
注:这种打包的静态文件,只能放在web服务器中的根目录下才能运行。
2、在服务器中 非根目录下 运行的 打包:需要配置
参考:https://segmentfault.com/a/1190000014561644
3、在本地文件系统中打开,不需要web服务器
暂时 不清楚
4、使用 history模式 打包的 配置 : http://tigerliu.site/2018/10/vue-history/ (亲测有效,配置很简单)
nginx 服务器下 配置:在location下 加 try_files $uri $uri/ /index.html; 就可以了
location / {
try_files $uri $uri/ /index.html;
}
注意:代码中的相对路径是以浏览器上 地址 为参考的,而不是文件所在目录(一般情况这两个是统一的