项目做完了，需要发布到生产环境，以完成项目最重要的里程碑事件。

项目的发布有二种情况：

1、前后端分离发布：前端做前端部署前端的项目，后端部署后端的项目，二项目相互独立，前端可以充分使用前端技术进行优化，以api方式访问后端接口进行数据的交互；是最好的一种方式。如果存在跨域问题，一般使用nginx反向代理。

2、前后做为一个项目打包发布，例如java项目将html、java等打包成一个war包进行部署，这样的前端项目没有办法进行非常好的优化。但是非常简单。这个是传统的发布方式。我以前开发的aspx项目也都是一起发布到iis下面。这样打包项目一般都比较大，但是交互也比较简单，可以直接实现js 访问后端的逻辑。

现在以第一种方式进行介绍，服务器使用tomcat

1、打包：运行 npm run build 命令，打包前端脚本，如图：

88c1d463d5a727663f5a28f7f153f7ae.png

2、copy dist/ 下面的文件到你的项目目录中

75a2d848353fd03c8731f5abf4f21a31.png

3、修改好js与css 的引用路径错误

1ddaea583b6d380bd94e3f247e0ff871.png

4、访问发布好的应用：如果有域名，最好使用域名来访问

bf45eec8133b68c6605d74c0911cacbc.png

好了，发布完了，咱们的项目就完成了一个最重要的里程碑事件，这个项目进入结尾或者维护阶段。

Logo
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}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue