Vue前端解决跨域问题（不用麻烦后端ヽ(ー_ー)ノ）
发布时间
阅读量：
阅读量
前言
前端跨域问题是一个较为常见的技术挑战，在实际应用中也需要特别注意和处理。其中较为常用且简单的解决方案是在后端进行配置设置以实现跨域通信。然而，在某些特殊场景下当后端服务器未采取相应措施时我们可能需要考虑如何通过前端技术手段来实现跨域通信以确保页面之间的正常交互和数据完整性。
前端解决跨域的配置
启动Vue config.js文件于其中进行跨域设置，并在此过程中配置代理以解决问题。如果未创建该文件，则需自行创建一个新的
module.exports = {
devServer: {
open: true,
proxy: {
'/api': {
target: 'http://1.xxx.xx.64:5004/api2/',
changeOrigin: true,
pathRewrite: {
'^/api': ''
}
}
}
}在目标中找到所需的请求地址后，则可通过使用/api来进行转包。配置完成后需重新启动服务以使跨域问题得以解决。
全部评论 (0)
还没有任何评论哟~