【flask-进阶】前端开发与后端联调时选择本地资源的部署方式

最新推荐文章于 2024-07-31 08:00:00 发布

alexliu2360

最新推荐文章于 2024-07-31 08:00:00 发布

阅读量551

点赞数

分类专栏： |Flask| 文章标签： flask 前后端联调

本文链接：https://blog.csdn.net/liuzk2014/article/details/86541173

版权

|Flask| 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

1、背景

在前端和后端联调时候，经常会遇见不需要加载后端的静态html资源，只需要加载本地开发调试的静态资源，以方便调试，那么如何进行部署来达到加载本地的资源呢？

2、部署方式

如下图：
在这里插入图片描述
如上图所示，在前端开发的时候，使用本地的webpack打包的资源，而在正式部署的时候，则取后端的静态资源。
比如使用vue框架，那么可以如下方式选择加载的是后端的url window.location.host还是本地调试的url "127.0.0.1:9000"。

global.EnvConfig.WEBSOCKET_BASE_URL = window.location.host // 当前页面的域名 + 端口
if (process.env.NODE_ENV === 'development') {
   global.EnvConfig.WEBSOCKET_BASE_URL = '127.0.0.1:9000'
}
// 加载WebSocket插件 HTTPS
Vue.use(Websocket, socketio('wss://' + global.EnvConfig.WEBSOCKET_BASE_URL + '/' + global.EnvConfig.WEBSOCKET_NAMESPACE, {
  transports: ['websocket'],
  reconnection: true
}), store)