Vue3.0项目从构建到用tomcat打包并成功运行(前端)

最新推荐文章于 2024-08-19 22:47:23 发布

H___want

最新推荐文章于 2024-08-19 22:47:23 发布

阅读量1k

点赞数

分类专栏： vue3.0 文章标签： vue tomcat jdk java

本文链接：https://blog.csdn.net/m0_46088410/article/details/116057407

版权

本文详细介绍了如何创建Vue3.0项目，配置.env文件，使用axios进行接口请求，以及如何在Windows环境下安装和配置Tomcat，包括设置环境变量、验证JDK和Tomcat安装成功。在项目中添加vue.config.js文件，解决打包后404错误，最后将项目部署到Tomcat并访问运行。

摘要由CSDN通过智能技术生成

1创建Vue3.0demo

	1).全局安装 npm uninstall vue-cli -g
	区分生产环境和测试环境
	新建两个文件

在这里插入图片描述
.env 内容

NODE_ENV = 'production'
VUE_APP_FLAG = 'pro'

.env.test内容

NODE_ENV = 'production'
VUE_APP_FLAG = 'test'
outputDir = test

我用的axios请求接口
在main.js判断

if (process.env.NODE_ENV === 'production') {
  //prod生产
    axios.defaults.baseURL = 'http:// ';
} else {
    //test测试
    axios.defaults.baseURL = 'http:// ';
}

2安装Tomcat(我的tomcat和jdk都安在了c盘，看自己想放在哪奥)

1).
Tomcat安装需要先下载jdk,选最近的版本jdk就可以
附带网址 https://www.oracle.com/java/technologies/javase-downloads.html
直接点击exe 安装 

2).
安完jdk之后配置环境变量
控制面板----->系统和安全----->系统----->环境变量 
点击环境变量的系统变量,需要