vue-cli 的vue.config.js 配置

炎炎枫

已于 2022-03-07 22:33:53 修改

阅读量488

点赞数

分类专栏： vue 文章标签： vue.js javascript webpack

于 2022-01-18 12:24:54 首次发布

本文链接：https://blog.csdn.net/qq_40192495/article/details/122557431

版权

vue 专栏收录该内容

7 篇文章 1 订阅

订阅专栏

// 如果改变就需要重启项目
module.exports = {
  publicPath: process.env.NODE_ENV === 'production'
    ? './'
    : '/',
  outputDir: 'dist', // 输出目录
  assetsDir: 'assets', // 静态资源目录
  lintOnSave: false, // 是否开启eslint保存检测
  // 配置 webpack-dev-server 行为
  devServer: {
    open: true, // 是否自动打开项目
    host: '0.0.0.0', // 制定域名
    port: 8080, // 端口号
    https: false, // 把访问变成https
    hotOnly: false, // 热更新
    proxy: {
      // 跨域配置
      '/api': {
        target: 'http://localhost:8080', // 配置端口名字
        ws: true, // 是否支持 websocket
        changeOrigin: true, // 是否改变域名
        pathRewrite: { // 简化名字
          '^/api': '/mock'
        }
      }
    },
    before (app) { // 访问外部json 文件配置 外部也可以访问的一个固定的数据接口

    }
  }
}

配置参考 | Vue CLI🛠️ Vue.js 开发的标准工具https://cli.vuejs.org/zh/config/