vue项目打包部署生产环境

当我们将 vue 项目完成后，面临的就是如何将项目进行打包上线，放到服务器中。我使用的是 vue-cli（simple）脚手架，所以就讲一下如何将项目进行打包，并放到 tomcat 上。build > utils.js(修改publicPath:"…/…/" , 这样写是处理打包后找不到静态文件的问题)config > index.js (修改assetsPublicPath:’./

前端黎姿

8223人浏览 · 2020-10-09 16:24:07

前端黎姿 · 2020-10-09 16:24:07 发布

当我们将 vue 项目完成后，面临的就是如何将项目进行打包上线，放到服务器中。我使用的是 vue-cli（simple）脚手架，所以就讲一下如何将项目进行打包，并放到 tomcat 上。

build > utils.js (修改publicPath:"…/…/" , 这样写是处理打包后找不到静态文件的问题)
config > index.js (修改assetsPublicPath:’./’ ,修改目的是为了解决js找不到的问题)
执行npm run build
这时候发现我们打包出来的一个文件dist 而这个打包好的文件在这个项目的根目录下，我们把他放到Tomcat的目录下的WebApps中，就跨域访问到你的页面了

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^