vue前后端在两个文件夹里面,怎么关联上的？

Question

如题所述

Answer 1

在Vue项目中，前后端通常在不同的文件夹中，可以通过配置webpack或者proxy实现前后端的联调。
如果使用webpack，可以在vue.config.js文件中进行配置。例如，如果后端接口是在localhost:8080上，可以添加如下的proxy配置：
module.exports = {
devServer: {
proxy: {
'/api': {
target: 'http://localhost:8080',
changeOrigin: true,
pathRewrite: {
'^/api': ''
}
}
}
}
}
上述代码配置了一个代理，将/api开头的请求转发到http://localhost:8080上，并将路径中的/api去掉。
在前端代码中，可以直接使用/api开头的请求路径，这些请求会被自动转发到后端服务器。
另外，如果前后端需要跨域访问，还需要在后端服务器中添加跨域配置。