如何从 url 中删除端口以使 xampp 数据库中的图像源正常工作？

Posted 2023-02-25

【中文标题】如何从 url 中删除端口以使 xampp 数据库中的图像源正常工作？

【英文标题】：How can i remove port from url to make source for images from xampp database to work properly?

【发布时间】：2021-06-13 02:26:50

【问题描述】：

我是 angular 新手，我对 angular 和 xampp 有疑问。我正在尝试从存储目的地的 mysql 数据库中加载图像。问题是 Angular 尝试通过以下方式访问该目的地：

我的 html 是：

但是我的那个图片的网址没有端口：4200

当我访问 localhost/bcPraca/php/upload/imageName 时，该图像会显示出来，因此可以正常工作。

那么我怎样才能从 URL 中删除该端口。或者我该怎么做才能让它发挥作用？

除了图片中的那个来源之外，其他一切都正常工作。

【参考方案1】：

您必须使用代理才能与您的后端通信/ 为了使用代理：

在工作空间的根目录中创建一个 proxy.conf.json（根据我们的需要调整以下内容）：

"/api": "目标": "http://localhost/api", “安全”：错误， “changeOrigin”：真 “日志级别”：“调试”

使用以下命令启动您的应用：

ng 服务 --proxy-config proxy.conf.json

你可以阅读更多关于角度代理here

【参考方案2】：

你可以在你的图片源之前加上 http:// 这样的前缀，它会起作用