VUE_全局CLI配置 vue.config.js，配置跨域及css全局配置

最新推荐文章于 2024-07-22 13:50:45 发布

小歪 | 前端

最新推荐文章于 2024-07-22 13:50:45 发布

阅读量791

点赞数 1

分类专栏： # VUE 文章标签： vue.js javascript css

本文链接：https://blog.csdn.net/weixin_44599931/article/details/119207550

版权

VUE 专栏收录该内容

114 篇文章 3 订阅

订阅专栏

官方文档：https://cli.vuejs.org/zh/config/

解决跨域：

1.根目录新建vue.config.js文件

module.exports = {
    devServer: {
        open: true,
        proxy: {
            '/api': {
                target: "http://api.jisuapi.com/",
                changOrigin: true,
                pathRewrite: {
                    '^/api': ''
                }
            }
        }
    },
}

2.设置axios baseURL

axios.defaults.baseURL = '/api';


module.exports = {
    //devServer.proxy适用于本地开发使用，
    //生成环境请用第三方代理软件，如nginx。
    devServer: {
        port: 9999, //本机端口号
        host: "localhost", //本机主机名
        https: false, //协议
        open: true, //启动服务器时自动打开浏览器访问
        proxy: {
            '/api': {
                //目标服务器,代理访问到http://localhost:8888
                target: "http://localhost:8888",
                changOrigin: true, //开启代理
                // ws 重写api/api
                pathRewrite: {
                    '^/api': ''
                }
            }
        }
    },
    // css全局配置
    css: {
		loaderOptions: {
			sass: {
				prependData: `@import "./src/common/css/global.scss";`
			}
		}
	}
}