我的前端，访问的端口，始终与前端的端口一样，从而导致始终获取不到图片的地址。怎么修改成不一样。

Question

1. 后端用的phpstudy，nginx的端口为8082.可以运行起来，可以正常访问：

   

2. 前端也运行起来了，也可以正常访问，端口是8080;

   

3. 我修改了，vue.config.js里面的api路径，改成自己后台的路径,并重启了前端：

   
   

   然而，查看前端，访问接口的端口，还是8080，图片的路径也是8080，所以就访问不到正确的图片路径：

   

4. 正确的图片路径，端口应该是8082，把图片路径复制到浏览器中，修改端口8082，就可以正常访问：

   

   所以我就想，修改vue.config.js里面那个api，是没有用的么？然后把它改成了baidu.com,并重启了前端。

5. 果然，前端，还是访问的localhost:8080，根本不理会我改的api：

所以，怎么设置前端，访问的api路径呢？

这里始终觉得哪里有点不对劲，我改成baidu.com，访问状态是302。但是我改成localhos:8082,访问状态是200。难道vue.config.js里面只能改url，不能改端口？？？求老师解答！！！

Answer 1

慕九州2325446 2022-04-08 11:28:49

你好 如果域名是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这样的情况了

Answer 2

暗号1943 2021-03-12 11:10:31

我的也是这样，不知道是哪里的问题，都是按照视频里面的设置，结果图片的路径还是localhost:8080

Answer 3

曾柔 2021-02-10 23:14:19

这样做效果可以,不知道对不对

• 提问者 慕村5515322 #1

  我直接弄的后台的地址了，直接通过后台的路径访问的图片

Answer 4

天经地义 2020-11-19 10:45:09

同学你可以直接在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');