后端访问前端项目方法

在前后端联调时,后端开发若是想访问前端的网页,在不用拉取前端代码前提下,可以通过地址访问前端启动起来的项目。

需要满足以下两个条件:

  1. 前端项目所在的计算机需要与后端计算机处于同一网络环境中。如果两台计算机不在同一网络中,则无法直接访问。

  2. 前端项目需要以可以被外部访问的方式启动。通常情况下,前端项目会监听一个端口(如3000),你需要确保启动命令中指定的端口能够被防火墙放行,并且能够被外部访问。

启动命令具体取决于你使用的前端框架或服务。例如,如果你使用了Vue CLI来启动Vue.js项目,则启动命令可能类似于:npm run serve

默认情况下,该命令会在localhost:8080上启动一个开发服务器,你可以在浏览器中访问该地址。如果你希望使该地址对外可见,则需要将localhost改为你的IP地址或者0.0.0.0。

例如:npm run serve -- --host 0.0.0.0

这样就可以让前端项目在所有网络接口上监听,从而可以通过IP地址和端口号访问到该项目。比如,假设你的IP地址是192.168.1.123,则可以在后端机器上通过访问http://192.168.1.123:8080 来访问前端项目。

 

关于端口号:不知道可以检查终端输出窗口是否有相关信息输出。

----------------------------------------------------------------------------------------------------------------------------

补充,今天突然找不到localhost地方了,在package.json改的。

 加了个--host 0.0.0.0

启动时候不用加--host了,可以直接npm run dev

----------------------------------------------------------------------------------------------------------------------------

再补充一下,今天这个项目在package.json的script里没有dev,加在serve上也行,有时候如果加 -- --host不行就试试--host。因为第一个 '- -' 是用来将参数传递给 vue-cli-service 而非 npm run serve 命令本身。

 

posted @ 2023-04-28 18:06  野人也有爱  阅读(746)  评论(0编辑  收藏  举报