vue部署到nginx,后端部署到tomcat具体步骤
时间: 2023-08-16 19:06:57 浏览: 66
Vue 部署到 Nginx 步骤:
1. 打包 Vue 项目:在终端中进入 Vue 项目根目录,执行 `npm run build`,将会在 dist 目录下生成打包好的文件。
2. 安装 Nginx:在服务器上安装 Nginx,具体方法可以参考官方文档或者其他资料。
3. 配置 Nginx:在 Nginx 的配置文件中添加如下配置:
```
server {
listen 80;
server_name example.com; // 填写你的域名或者 IP
root /path/to/dist; // 填写打包后的文件路径
index index.html;
location / {
try_files $uri $uri/ /index.html;
}
}
```
4. 重启 Nginx 服务:执行 `sudo service nginx restart` 或者 `nginx -s reload` 命令,使 Nginx 配置文件生效。
Tomcat 部署步骤:
1. 安装 Tomcat:在服务器上安装 Tomcat,具体方法可以参考官方文档或者其他资料。
2. 部署后端应用:将后端应用的 war 包放入 Tomcat 的 webapps 目录下。
3. 启动 Tomcat:执行 `startup.sh`(Linux)或者 `startup.bat`(Windows)启动 Tomcat 服务。
4. 配置 Tomcat 端口:如果 Tomcat 默认端口 8080 被占用,可以修改 Tomcat 的配置文件 server.xml,将端口号修改为其他未被占用的端口。
5. 配置 Tomcat 路径:如果后端应用的 war 包名称不是默认的 ROOT.war,可以在 Tomcat 的配置文件 server.xml 中添加如下配置:
```
<Host name="localhost" appBase="webapps" unpackWARs="true" autoDeploy="true">
<Context path="/myapp" docBase="/path/to/myapp.war"></Context>
</Host>
```
其中,path 属性填写访问路径,docBase 属性填写 war 包路径。
6. 验证部署:在浏览器中访问后端应用的地址,检查是否能正常访问。