我的前端，访问的端口，始终与前端的端口一样，从而导致始终获取不到图片的地址。怎么修改成不一样。
来源：10-3 商品首页大图推荐API逻辑开发以及联调
慕村5515322
2020-11-10
后端用的phpstudy，nginx的端口为8082.可以运行起来，可以正常访问：
前端也运行起来了，也可以正常访问，端口是8080;
我修改了，vue.config.js里面的api路径，改成自己后台的路径,并重启了前端：
然而，查看前端，访问接口的端口，还是8080，图片的路径也是8080，所以就访问不到正确的图片路径：
正确的图片路径，端口应该是8082，把图片路径复制到浏览器中，修改端口8082，就可以正常访问：
所以我就想，修改vue.config.js里面那个api，是没有用的么？然后把它改成了baidu.com,并重启了前端。
5. 果然，前端，还是访问的localhost:8080，根本不理会我改的api：
所以，怎么设置前端，访问的api路径呢？
这里始终觉得哪里有点不对劲，我改成baidu.com，访问状态是302。但是我改成localhos:8082,访问状态是200。难道vue.config.js里面只能改url，不能改端口？？？求老师解答！！！
4回答
-
慕九州2325446
2022-04-08
你好 如果域名是localhost：8082 target中可以写‘http://localhost:8082’
如果域名是127.0.0.1:8082可以写为'http://127.0.0.1:8082'
注意其中的/不可以多写
修改完vue的config之后需要重启npm serve
在admin/controller/image控制器下给$fileName再加赋个值http后面为你的后端端口号
$fileName = "http://127.0.0.1:8082/storage/".$fileName;
需要注意的是要把老师在model层新加的image那个方法注释掉
这样访问图片就不会出现http://127.0.0.1:8080这样的情况了
00 -
暗号1943
2021-03-12
我的也是这样，不知道是哪里的问题，都是按照视频里面的设置，结果图片的路径还是localhost:8080
00 -
曾柔
2021-02-10
这样做效果可以,不知道对不对012021-02-24 -
天经地义
2020-11-19
同学你可以直接在src\lib\interface.js里面的url修改，直接去掉url的三元运算符替换为你想要的域名前缀，然后将PHP的入口文件写入以下代码设置允许跨域这样好调试
<?php header('Access-Control-Allow-Origin:*'); header('Access-Control-Allow-Methods:POST'); header('Access-Control-Allow-Headers:x-requested-with,content-type');00
这样做效果可以,不知道对不对
相似问题