vue发布后无法访问局域网接口

Question

今天把vue3发布到了iis上，
vue3中用axios访问服务接口，
出现的问题就是，
如果axios访问的接口地址是局域网的ip,
访问vue3只能用局域网ip，此时如果用域名访问服务接口，访问超时，其实就是无法访问

所以现在只能用买了个域名，用在服务接口上，然后axios去访问域名
这是为什么

Answer 1

引自免费微信小程序：皆我百晓生

这是一个关于Vue应用程序部署在IIS上后，如何通过接口访问局域网IP的问题。根据你描述的情况，似乎存在一些配置或网络设置的问题。下面是一些建议和可能的解决方案：

1. 跨域问题

当Vue应用程序部署在IIS上并通过域名访问时，浏览器可能会因为跨域安全策略阻止从域名访问局域网接口。你需要确保你的后端服务设置了正确的CORS（跨源资源共享）策略来允许你的域名进行访问。

2. IIS配置

确保IIS配置正确，特别是关于反向代理和URL重定向的设置。如果你使用了反向代理来转发请求，确保配置正确并且没有阻止对局域网接口的访问。

3. 局域网IP和公网IP

如果你的Vue应用部署在公网上，并且尝试通过公网访问内网资源，可能存在路由或端口转发的问题。请确保你的网络设置正确，允许从公网IP访问到内网的接口。另外，检查防火墙设置，确保没有阻止相关的请求。

解决方案步骤

步骤一：检查CORS设置

确保你的后端服务设置了正确的CORS策略，允许你的域名进行访问。你可以在后端代码中添加相应的CORS头信息，或者在IIS上配置CORS规则。

步骤二：检查IIS配置和网络设置

检查IIS的配置和网络设置，确保反向代理和URL重定向等配置正确无误。同时，检查网络防火墙设置，确保没有阻止相关的请求。

步骤三：使用域名访问接口

如果你已经购买了域名并且将其用于服务接口，确保正确配置了DNS和路由设置，以便通过域名访问接口。同时，确保Vue应用程序中的axios请求使用了正确的域名。

步骤四：测试局域网内的访问

在局域网内进行测试，确保可以直接通过局域网IP访问后端接口。如果可以访问，那么问题可能出在公网访问上。在这种情况下，进一步检查和配置公网的网络设置和防火墙规则。

示例代码（非直接解决方案）

由于这个问题主要是配置和网络设置的问题，不涉及具体的代码修改，所以没有具体的代码示例。但是根据上述步骤进行检查和配置可能会有所帮助。

总结和建议

这个问题可能是由于跨域问题、IIS配置问题或网络设置问题导致的。你可以按照上述步骤进行检查和配置，并确保所有设置正确无误。如果问题仍然存在，可能需要进一步调查网络环境和服务器设置。希望这些建议对你有所帮助！