文件位置:项目 .electron-vue——dev-runner.js,添加proxy即可,target换成自己项目的请求地址即可。直接上代码:
const server = new WebpackDevServer(
compiler,
{
contentBase: path.join(__dirname, '../'),
quiet: true,
+ proxy: {
+ // 配置整个项目请求代理,不用区分
+ // context: () => true,
+ // target: 'http://www.exols.cn/',
+
+ // 下面单独给某一类接口配置
+ '/admin': {
+ target: 'http://192.168.0.222:8888',
+ changeOrigin: true
+ },
+ '/data': {
+ target: 'http://192.168.0.222:9999',
+ changeOrigin: true
+ },
+ '/temp': {
+ target: 'http://192.168.0.222:18080',
+ changeOrigin: true
+ },
+ },
before(app, ctx) {
app.use(hotMiddleware)
ctx.middleware.waitUntilValid(() => {
resolve()
})
}
}
)
本文介绍了如何在Electron Vue项目中通过webpack-dev-server配置proxy,为不同接口设置代理目标,以简化开发环境下的请求转发。详细展示了如何为/admin、/data和/temp路径分别配置不同的代理地址并启用跨域。
1278





