在开发vue单页应用项目时，难免会请求后端，而跨域问题通常在这个时候出现。有两种常用的解决方案。后端设置允许跨域访问。前端通过代理访问后端。简单说一下如何配置vue-cli代理访问：配置vue-cli代理最简单的方法就是配置vueconifg来实现。下面配置3个配置请求的后端是：请求http://localhost:4201/adminapi/*将代理请求http://localhost:8180/*请求http://localhost:4201/portalapi/*将代理请求http://localhost:8185/*请求http://localhost:4201/securityapi/*会代理请求http://localhost:8089/*由于vue-cli是基于webpack的，webpack的devServer选项是一个模块支持配置。exports={//...devServer:{port:4201,proxy:{'/adminapi':{target:'http://localhost:8180',ws:true,changeOrigin:true,pathRewrite:{'^/adminapi':''}},'/portalapi/':{target:'http://localhost:8185/',ws:true,changeOrigin:true,pathRewrite:{'^/portalapi':''}},'/securityapi/':{target:'http://localhost:8089/',ws:true,changeOrigin:true,pathRewrite:{'^/securityapi':''}}},disableHostCheck:true,//这是因为新版本的webpack-dev-server出于安全原因默认检查主机名。如果不配置hostname，访问会中断},//...}Nodejs在中间路由的时候可以使用nodejs和frameworkexpress来路由转发请求。在生产环境中，甚至可以避免使用nginx配置反向代理。每个解决方案都有自己的优点和缺点。在选择技术架构时，需要针对自己的项目环境，最好适合自己的团队。后端跨域访问后端跨域访问的设置也比较简单，不同语言的JAVAPHPPythonGo的设置都差不多。查询中有很多信息，但是在生产环境中，为了安全起见，建议不要允许跨域访问，或者限制允许跨域的IP
