vue访问后台地址 打包后不正确
时间: 2023-05-15 13:02:49 浏览: 520
vue antd 后台管理系统分模块打包
当使用vue构建应用程序并将其打包之后,在访问后台地址时会遇到一些问题。主要是由于vue打包时会将所有的资源文件压缩并打包在一起,包括应用程序中所使用的JS、CSS和HTML等文件。但是,如果后台地址是在服务器上而不是与应用程序一起打包的,则需要手动配置后台地址。
为了解决这个问题,需要在打包时将后台地址配置为动态地址,这样可以在部署时根据实际情况进行配置。可以在vue的配置文件中进行配置。在vue.config.js文件中,可以添加一个proxyTable选项,用于配置代理表,将请求转发到后端服务器。例如,如果要将所有/api开头的请求转发到后端服务器,可以这样配置:
```javascript
module.exports = {
devServer: {
proxy: {
'/api': {
target: 'http://localhost:8080', //后端服务器地址
changeOrigin: true,
pathRewrite: {
'^/api': ''
}
}
}
}
}
```
这样配置之后,在打包应用程序时,后台地址就不需要手动配置了。而是通过代理表进行转发。如果部署时需要更改后台服务器地址,只需要在配置文件中修改target选项即可。
综上所述,如果vue访问后台地址打包后不正确,应该检查是否手动配置了后台地址,并且是否使用了固定的地址,如果是,则需要将后台地址配置为动态地址,通过代理表进行转发。
阅读全文