后端访问前端项目方法

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

需要满足以下两个条件：

  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 @   野人也有爱  阅读(992)  评论(0)  编辑  收藏  举报
相关博文：
· 前端打包部署后接口BASE_URL不对问题解决办法
· 前端播放.flv视频流视频
· Vue基本使用
· 为什么我们以0.0.0.0:80不能直接访问本地项目？
· 前端npm相关命令
阅读排行：
· 全程不用写代码，我用AI程序员写了一个飞机大战
· DeepSeek 开源周回顾「GitHub 热点速览」
· MongoDB 8.0这个新功能碉堡了，比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· 白话解读 Dapr 1.15：你的「微服务管家」又秀新绝活了
点击右上角即可分享
微信分享提示