tomcat部署vue项目配置后台访问地址
时间: 2023-10-26 16:06:52 浏览: 222
你可以通过修改配置文件来配置Tomcat部署Vue项目的后台访问地址。具体步骤如下:
1. 打开Vue项目的config/index.js文件,找到build对象中的assetsPublicPath属性,并将其修改为"/",如下所示:
```
build: {
// ...
assetsPublicPath: '/',
// ...
}
```
2. 打包Vue项目,并将生成的dist目录下的所有文件拷贝到Tomcat的webapps目录下。
3. 打开Tomcat的conf/server.xml文件,找到<Host>元素,并添加Context元素,如下所示:
```
<Host name="localhost" appBase="webapps"
unpackWARs="true" autoDeploy="true">
<Context path="/api" docBase="your-dist-docbase-path"/>
</Host>
```
其中,path属性指定了后台访问地址,docBase属性指定了Vue项目生成的dist目录的路径。
4. 重启Tomcat,访问"http://localhost:8080/api"即可访问Vue项目的后台。
希望能对你有所帮助。
阅读全文
相关推荐
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![doc](https://img-home.csdnimg.cn/images/20241231044833.png)
![pdf](https://img-home.csdnimg.cn/images/20241231044930.png)
![pdf](https://img-home.csdnimg.cn/images/20241231044930.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)