vue+ssm Not allowed to load local resource怎么处理
时间: 2024-03-26 15:32:30 浏览: 16
"vue+ssm Not allowed to load local resource"错误通常是由于浏览器的安全策略导致的。浏览器默认情况下不允许在前端直接加载本地资源,这是为了防止恶意代码的执行。要解决这个问题,你可以尝试以下几种方法:
1. 使用相对路径:确保你在Vue组件中引用资源时使用相对路径而不是绝对路径。相对路径可以避免加载本地资源的问题。
2. 配置代理:如果你的Vue项目和SSM项目运行在不同的端口上,你可以配置一个代理来解决跨域问题。在Vue项目的配置文件(vue.config.js)中添加以下代码:
```javascript
module.exports = {
devServer: {
proxy: {
'/api': {
target: 'http://localhost:8080', // 将请求代理到SSM项目的地址
changeOrigin: true,
pathRewrite: {
'^/api': '' // 如果SSM项目的接口路径有前缀,可以在这里进行重写
}
}
}
}
}
```
然后在Vue组件中使用`/api`作为接口请求的前缀,例如`axios.get('/api/user')`。
3. 配置CORS:如果你的SSM项目已经部署到服务器上,你可以在后端代码中配置CORS(跨域资源共享)来允许前端加载本地资源。在SSM项目的配置文件中添加以下代码:
```java
@Configuration
public class CorsConfig implements WebMvcConfigurer {
@Override
public void addCorsMappings(CorsRegistry registry) {
registry.addMapping("/**")
.allowedOrigins("*")
.allowedMethods("*")
.allowedHeaders("*");
}
}
```
这样就允许任何来源的请求访问你的SSM项目。