当前位置: 首页 > news >正文

vue3.0跨域请求文件配置

const path = require('path')
const debug = process.env.NODE_ENV !== 'production'

module.exports = {
    publicPath: '/', // 根域上下文目录
    outputDir: 'dist', // 构建输出目录
    assetsDir: 'assets', // 静态资源目录 (js, css, img, fonts)
    lintOnSave: false, // 是否开启eslint保存检测,有效值:ture | false | 'error'
    runtimeCompiler: true, // 运行时版本是否需要编译
    transpileDependencies: [], // 默认babel-loader忽略mode_modules,这里可增加例外的依赖包名
    productionSourceMap: true, // 是否在构建生产包时生成 sourceMap 文件,false将提高构建速度
    configureWebpack: config => { // webpack配置,值位对象时会合并配置,为方法时会改写配置
        if (debug) { // 开发环境配置
            config.devtool = 'cheap-module-eval-source-map'
        } else { // 生产环境配置
        }
        // Object.assign(config, { // 开发生产共同配置
        //     resolve: {
        //         alias: {
        //             '@': path.resolve(__dirname, './src'),
        //             '@c': path.resolve(__dirname, './src/components'),
        //             'vue$': 'vue/dist/vue.esm.js'
        //         }
        //     }
        // })
    },
    chainWebpack: config => { // webpack链接API,用于生成和修改webapck配置,https://github.com/vuejs/vue-cli/blob/dev/docs/webpack.md
        if (debug) {
            // 本地开发配置
        } else {
            // 生产开发配置
        }
    },
    parallel: require('os').cpus().length > 1, // 构建时开启多进程处理babel编译
    pluginOptions: { // 第三方插件配置
    },
    pwa: { // 单页插件相关配置 https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-pwa
    },
    devServer: {
        open: true,
        host: 'localhost',
        port: 8080,
        https: false,
        hotOnly: false,
        proxy: { // 配置跨域
            '/api': {
                target: 'http://localhost:4000/api/',
                ws: true,
                changOrigin: true,
                pathRewrite: {
                    '^/api': ''
                }
            }
        },
        before: app => { }
    }
}

 

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • 关注研究生就业状态 (转)
  • 解决vue部署到服务器请求接口404问题
  • 实践人生,一个普通IT人的十年回顾 (一)
  • flutter 错误The method '/' was called on null.
  • Flutter 调试时卡在Installing build\app\outputs\apk\app.apk
  • 艰难人生 ,一个普通IT人的十年回顾(三)
  • flutter AppBar滚动渐变
  • Flutter开发 Dio拦截器实现token验证过期的功能
  • 实践人生 ,一个普通IT人的十年回顾(四)
  • flutter实用系列(五)之网络请求dio,请求,拦截器简单示例
  • 译者后记 ——《DOOM启示录》读后感(二)
  • centos7 -pm2定时任务重启
  • Borland挺进南极
  • 仿携程首页项目的静态页面布局项目
  • C++Builder使用经验谈 (转)
  • 《Java编程思想》读书笔记-对象导论
  • IDEA常用插件整理
  • ⭐ Unity 开发bug —— 打包后shader失效或者bug (我这里用Shader做两张图片的合并发现了问题)
  • Vim 折腾记
  • 复杂数据处理
  • 和 || 运算
  • 互联网大裁员:Java程序员失工作,焉知不能进ali?
  • 将 Measurements 和 Units 应用到物理学
  • 算法之不定期更新(一)(2018-04-12)
  • AI又要和人类“对打”,Deepmind宣布《星战Ⅱ》即将开始 ...
  • Java总结 - String - 这篇请使劲喷我
  • 关于Android全面屏虚拟导航栏的适配总结
  • 如何用纯 CSS 创作一个货车 loader
  • #java学习笔记(面向对象)----(未完结)
  • #快捷键# 大学四年我常用的软件快捷键大全,教你成为电脑高手!!
  • #如何使用 Qt 5.6 在 Android 上启用 NFC
  • #中的引用型是什么意识_Java中四种引用有什么区别以及应用场景
  • $().each和$.each的区别
  • $(function(){})与(function($){....})(jQuery)的区别
  • $(this) 和 this 关键字在 jQuery 中有何不同?
  • (5)STL算法之复制
  • (C语言)求出1,2,5三个数不同个数组合为100的组合个数
  • (el-Date-Picker)操作(不使用 ts):Element-plus 中 DatePicker 组件的使用及输出想要日期格式需求的解决过程
  • (二)PySpark3:SparkSQL编程
  • (分布式缓存)Redis哨兵
  • (顺序)容器的好伴侣 --- 容器适配器
  • (原創) 物件導向與老子思想 (OO)
  • (转)http协议
  • (转)Linux NTP配置详解 (Network Time Protocol)
  • (转)原始图像数据和PDF中的图像数据
  • .Net 6.0 处理跨域的方式
  • .Net 8.0 新的变化
  • .NET 应用架构指导 V2 学习笔记(一) 软件架构的关键原则
  • .NetCore部署微服务(二)
  • //解决validator验证插件多个name相同只验证第一的问题
  • :中兴通讯为何成功
  • @PostConstruct 注解的方法用于资源的初始化
  • [20140403]查询是否产生日志
  • [ACP云计算]组件介绍
  • [Android]How to use FFmpeg to decode Android f...