Vue打包发布 请求后台怎么设置
发布于 2 个月前 作者 feer 280 次浏览 来自 问答
粉丝福利 : 关注VUE中文社区公众号,回复视频领取粉丝福利

这是我的项目目录

本地在webpack.config.js里配置代理,请求没有问题
devServer: {
open: true, // 启动服务后是否打开浏览器
host: ‘192.168.0.110’,
port: 8010,
proxy: {
‘/api/’: {
target: ‘http://192.168.0.110:8090/’,
changeOrigin: true,
pathRewrite: {
‘^/api’: ‘’
}
}
},
historyApiFallback: {
index: url.parse(options.dev ? ‘/assets/’ : publicPath).pathname
}
},
打包之后怎么办,请求不到后台接口
怎么配置啊

7 回复

又或者把所有 /api 删掉

除了nginx 还能咋办啊

后台是springboot写的

设置 生产 和开发环境的基础API,在axios实例里设置生产和开发的API

axios.defaults.baseURL = process.env.NODE_ENV === ‘production’ ? 生产地址: 开发地址

这个位置,你是只打包了没发布到线上,还是已经发布到线上了,devserver只是webpack帮助你在开发环境开发用的,在线上时,需要动态获取线上的域名地址或ip地址,检测为线上环境时,将本地配置的用于开发的ip地址替换为线上的域名地址。在webpack中,需要区分环境,webpack.config.js为最基础的配置,建议换为webapck.base.js、webpack.dev.js、webpack.prod.js,区分基础配置和环境切换,会更加清晰、可维护

nginx 反向代理

直接放入后台静态资源public,让后台加一层 路由 /api

回到顶部