1、前台一个服务器,后台一个服务器,前台向后台发送请求就会发生跨域
    2、localhost:8080访问localhost:8081也会发生跨域
    3、http访问https也会发生跨域
    image.png
    前端工程配置如下,在根目录下新建vue.config.js:

    1. // webpack跨域配置
    2. module.exports = {
    3. devServer: {
    4. host: 'localhost',
    5. port: 8081, // 前端工程的端口号
    6. https: false, // 关闭https协议访问
    7. open: true, // 启动工程之后默认打开浏览器
    8. proxy: {
    9. // 访问/api-server/user/list=>http://localhost:8888/user/list
    10. '/api-server': {
    11. target: 'http://localhost:8888',
    12. changeOrigin: true,
    13. pathRewrite: {
    14. // ['^' + process.env.VUE_APP_BASE_API]: ''
    15. '^/api-server': ''
    16. }
    17. }
    18. }
    19. }
    20. }