网站建设部署,自建社区网站,加盟代理网,机关公文写作网站vue-cli3中的vue.config.js配置
我的跨域是配置通过chrome浏览器的跨域设置#xff0c;前端修改跨域问题#xff0c;以此解决跨域的#xff0c; 故如果需要配置代理#xff0c;就看proxy部分#xff1b;
const path require(path)
const resolve (dir) path.join…vue-cli3中的vue.config.js配置
我的跨域是配置通过chrome浏览器的跨域设置前端修改跨域问题以此解决跨域的 故如果需要配置代理就看proxy部分
const path require(path)
const resolve (dir) path.join(__dirname, dir)
module.exports {publicPath: ./, // 打包路径使用相对路径生成的dist文件夹下的index可以打开outputDir: dist, // 输出文件目录productionSourceMap: false, // 取消生成map文件lintOnSave: false, // 配置关闭eslint (代码会有红色热浪提示错 但不影响代码运行)// webpack-dev-server 相关配置devServer: {open: true, // 自动打开浏览器host: 0.0.0.0,/* 设置为0.0.0.0则所有的地址均能访问 */port: 8080, // 端口号https: false, // 是否使用https协议hotOnly: false, // 是否开启热更新// proxy: null // 设置代理disableHostCheck: true, // 开启可以用自己的域名//【【【【【【【【【【【【【【【【【【【【【注意修改和配置代理后一定要重启项目 否则无效或404】】】】】】】】】】】】】】】】】//【【【【【【【【【【【【【【【【【【【【【注意修改和配置代理后一定要重启项目 否则无效或404】】】】】】】】】】】】】】】】】proxy: { //【【【【【【【【【【【【【【【 注意修改和配置代理后一定要重启项目 否则无效或404】】】】】】】】】】】】】】】】】// 配置多个代理/chc-shop: {target: https://www.zhbbroker.cn, //这里的是.cn还是.com 只会影响你本地启动项目时候会调用哪个数据库的数据而不会影响测试和线上环境调用对应的接口的。一般都是本地调用.cn等本地需要调试线上bug时候改成.com重启项目看线上bugchangeOrigin: true, //是否跨域secure: false, //如果是https请求 需要设置为truelogLevel: debug,//ws: true,//是否要代理 websocket},/myapi: {target: https://www.zhbbroker.cn, //接口域名changeOrigin: true, //是否跨域secure: false, //如果是https请求 需要设置为truelogLevel: debug,//ws: true,//是否要代理 websocketpathRewrite: { // 路径重写--意思就是遇到路径有 /myapi 的就重写成 / 了。具体是重新写成 / 还是 /myapi看你自己的路径。^/myapi: / //如果你的路径没有公共部分 那代理就这么写 vue页面请求的地址前需要自己拼接上 /myapi/后端接口 // ^/myapi: /myapi //好比你的很多路径都是有公共部分 例如 /myapi/xx/xxx类型的那代理就需要这么写或者直接不写pathRewrite这部分}},},},chainWebpack: config {config.resolve.alias.set(, resolve(src)).set(common, resolve(src/common)).set(utils, resolve(src/utils))}
}
另外可以参考一下几篇配置配置1配置2配置3
