Vue3中使用el-upload的困惑

Question

本人接触前端不久，一直是做算法的，为了做一个展示平台开始搞前后端。在Vue3中使用el-upload的时候，出现了很奇怪的问题，我在Vue3项目中的vue.config.js文件中，设置了访问后端的默认ip号以及端口，并且在用户登录的环节已经可以使用了。但是在使用el-upload实现上传图片的时候出现了很奇怪的问题，就是上传动作始终在向localhost发送请求而不是我设置的ip号，除此以外，还报了错。

发送到后端的内容也是空的。
请问这是怎么回事，是elment plus需要另外的设置吗？
谢谢！

Answer 1

• 以下回答由chatgpt基于相关博客总结生成:

  根据参考资料和问题描述，可以看出问题出在上传动作始终向localhost发送请求而非设置的ip号，并且上传报错并发送内容为空。在vue.config.js中已经设置了默认访问后端ip号和端口，并且在用户登录时已经成功使用了。需要注意哪些细节，还是说需要针对lement plus做一些额外的设置呢？

  首先，需要确保在Vue3中正确地配置跨域请求以及确定是否已经正确设置了IP和端口。此外，需要确保上传组件的action路径没有添加“http://localhost:xxxx/”或其他IP地址和端口，而仅按照设置中的IP和端口路径进行配置。

  如果上述步骤都没有解决问题，可能需要进一步检查element plus的文档，并确定是否需要做一些额外的配置以使上传功能正常工作。

  以下是一个可能的解决方案：

  1. 确保在vue.config.js文件中正确设置了IP和端口，如参考资料段落1所示。

  2. 在el-upload组件中，将action路径设置为简单的相对路径，而不是完整的URL路径。例如，按照设置中的IP和端口路径进行配置。

  3. 在element plus的文档中查找有关上传组件的信息，并检查是否需要进行额外的配置。而根据目前的描述，问题可能并不需要执行此步骤。

  4. 如果问题仍然存在，请确保环境运行正常，服务部署已成功并且已正确安装了element plus。

  如果以上步骤都不能解决问题，可能需要进一步排查网络连接或其他相关问题。