axios.get('http://127.0.0.1:3000/public/script.js')报错

如果 Axios 发出的 GET 请求报错，可能有以下几个原因：

1. 请求的 URL 地址不正确。请确保 URL 地址正确，并且服务器已经正确配置以便能够响应该 URL 地址的 GET 请求。

2. 服务器返回了错误的响应。请检查服务器是否正确响应了 GET 请求，并且返回了 JavaScript 文件的内容。您可以使用浏览器的开发者工具查看响应，或者在 Axios 请求代码中添加 catch 方法来捕获错误并打印错误信息。

3. 跨域请求被拒绝。如果 JavaScript 文件存储在不同的域名下，可能会出现跨域请求被拒绝的情况。您可以在服务器端添加跨域资源共享（CORS）头来允许跨域请求，或者使用 JSONP 等技术来绕过浏览器的跨域限制。

4. 本地服务器未启动或端口号不正确。请确保本地服务器已经启动，并且端口号与 Axios 请求代码中指定的端口号一致。您可以尝试在浏览器中手动访问 JavaScript 文件的 URL 地址，以检查服务器是否正常响应该请求。

根据报错信息，您可以进一步排除以上原因，并尝试解决问题。

相关问题

前端采用vue，后端采用springboot+微服务+网关，进行对接时出现以下报错怎么解决Access to XMLHttpRequest at 'http://127.0.0.1:8090/user/admin/register' from origin 'http://localhost:8080' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.

在Vue前端和Spring Boot后端中解决CORS问题，你可以尝试以下方法：

1. 后端配置CORS过滤器：在Spring Boot后端的网关服务中，添加一个CORS过滤器，处理跨域请求。你可以创建一个类实现`javax.servlet.Filter`接口，然后在`doFilter()`方法中设置响应头，包括`Access-Control-Allow-Origin`字段。示例代码如下：

import javax.servlet.*;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

@Component
public class CorsFilter implements Filter {

    @Override
    public void doFilter(ServletRequest request, ServletResponse response, FilterChain chain)
            throws IOException, ServletException {
        HttpServletRequest httpRequest = (HttpServletRequest) request;
        HttpServletResponse httpResponse = (HttpServletResponse) response;

        httpResponse.setHeader("Access-Control-Allow-Origin", "*");
        httpResponse.setHeader("Access-Control-Allow-Methods", "GET, POST, PUT, DELETE, OPTIONS");
        httpResponse.setHeader("Access-Control-Max-Age", "3600");
        httpResponse.setHeader("Access-Control-Allow-Headers", "Content-Type, Authorization, X-Requested-With");

        if ("OPTIONS".equalsIgnoreCase(httpRequest.getMethod())) {
            httpResponse.setStatus(HttpServletResponse.SC_OK);
        } else {
            chain.doFilter(request, response);
        }
    }
}

2. 配置Spring Security：如果你在后端使用了Spring Security来进行身份验证和授权，你可以在配置类中添加以下代码来解决CORS问题：

@Configuration
@EnableWebSecurity
public class SecurityConfig extends WebSecurityConfigurerAdapter {

    @Override
    protected void configure(HttpSecurity http) throws Exception {
        http.cors().and().csrf().disable();
    }

    @Bean
    public CorsConfigurationSource corsConfigurationSource() {
        CorsConfiguration configuration = new CorsConfiguration();
        configuration.setAllowedOrigins(Arrays.asList("*"));
        configuration.setAllowedMethods(Arrays.asList("GET", "POST", "PUT", "DELETE", "OPTIONS"));
        configuration.setAllowedHeaders(Arrays.asList("Content-Type", "Authorization", "X-Requested-With"));
        UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
        source.registerCorsConfiguration("/**", configuration);
        return source;
    }
}

这样配置后，Spring Security将允许来自任何源的跨域请求。

3. 使用代理：在开发环境下，你可以在Vue的配置文件中设置代理，将前端请求转发到后端服务，从而避免浏览器的CORS限制。在`vue.config.js`文件中添加以下代码：

module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: 'http://127.0.0.1:8090', // 后端服务地址
        changeOrigin: true,
        pathRewrite: {
          '^/api': ''
        }
      }
    }
  }
}

然后，在前端代码中使用`/api`作为请求的基础路径，例如：`axios.post('/api/user/admin/register', data)`。

这些方法中的任何一种都可以帮助你解决CORS问题。你可以根据你的具体情况选择适合的方法。

Java+Vue+ftp通过“http://127.0.0.1/file/University/L/031-00-2010-D30-001-0003//031-00-2010-D30-001-0002-0001.jpg”这样的图片地址下载图片

在Java和Vue.js环境中，通过HTTP代理下载这种包含复杂路径的FTP图片地址，可以采用以下步骤：

1. **Java服务端**:
- 如果你的Java项目已经设置了代理，你可以配置一个简单的`Servlet`或使用第三方库如Spring WebFlux，监听特定的HTTP请求（例如`/file/download/:filename`），然后转发到实际的FTP地址。

   @GetMapping("/file/download")
   public ResponseEntity<InputStreamResource> downloadFileFromFtp(@PathVariable String filename) throws IOException {
       try (InputStream in = getFtpInputStreamFromPath("http://127.0.0.1/" + filename)) {
           return ResponseEntity.ok(new InputStreamResource(in));
       }
   }

   private InputStream getFtpInputStreamFromPath(String ftpFilePath) throws IOException {
       // 使用FTP库下载文件，然后转换为输入流
   }

2. **Vue.js前端**:
- 在前端，当用户点击下载链接时，发起一个GET请求到`/file/download/:filename`的API接口。

   methods: {
       async downloadImage(filename) {
           const response = await axios.get(`/file/download/${encodeURIComponent(filename)}`);
           const blob = new Blob([response.data], {type: 'image/jpeg'});
           // ...继续处理下载逻辑，比如设置下载链接等
       }
   }

3. **注意点**:
- 需要在Java后端处理跨域问题，可能需要添加CORS策略或者在Vue.js前端设置axios的withCredentials属性。
- 为了安全性考虑，最好对上传到前端的FTP路径做校验，防止恶意请求。