前后端分离部署web服务时,前后端的端口配置

284 阅读1分钟

前后端技术栈

前端:vue2+BootstrapVue+element-ui

后端:flask2

本地windows电脑的端口配置

前端

{

vue.config.js:devServer为http://localhost:8080 即可,这其实是默认值。

axios请求地址:http://localhost:5000

}

后端

{

Flask.run()的host:为None即可,默认是http://localhost:5000

}

本地windows电脑上的debian docker的端口配置

docker端口映射

docker run时加参数-p 8080:8080 -p 5000:5000

前端

{

vue.config.js:devServer为http://localhost:8080 即可,这其实是默认值。

axios请求地址:http://localhost:5000

}

后端

{

Flask.run()的host:0.0.0.0。若为None则前端向后端通信时会报network error。

}

公网centos服务器上的debian docker的端口配置

docker端口映射

docker run时加参数-p 8080:8080 -p 5000:5000

前端

{

vue.config.js:devServer为http://localhost:8080 即可,这其实是默认值。

axios请求地址:http://公网服务器地址:5000

}

后端

{

Flask.run()的host:0.0.0.0。若为None则前端向后端通信时会报network error。

}