vue cli3.0基础配置vue.config.js文件-白红宇

vue cli3.0基础配置vue.config.js文件

阅读量：602 次

发布时间：2019-03-12

本文共 1103 字，大约阅读时间需要 3 分钟。

Vue CLI 3.0 项目配置指南

在 Vue CLI 3.0 中，当项目需要进行其他额外的配置时，通常需要创建一个 vue.config.js 文件。这个文件的命名是固定的，且必须与 package.json 位于同一目录层级。

常见配置示例

插件配置

在 vue.config.js 中，可以选择安装并配置一些常用的插件。例如：

module.exports = {
  pluginOptions: {
    'style شکت': {
      stylify: {
        options: {
          // 可以是 style شکت 的相关配置
        }
      }
    }
  }
}

端口号设置

有时你可能会希望项目在构建或运行时使用特定的端口号。通过配置 vue.config.js，可以轻松设置：

module.exports = {
  devServer: {
    port: 8081 // 设置默认起始端口号
  }
}

跨域 (CORS) 配置

如果你的项目需要进行跨域请求，可以通过配置 devServer 的 proxy 选项来实现：

module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: 'http://www.thenewstep.cn',
        changeOrigin: true,
        pathRewrite: {
          '^/api': ''
        }
      }
    }
  }
}

注意事项

所有配置均需直接写入 vue.config.js 文件中。

需要手动加载生成的文件，如果你有特殊需求可以使用 configureWebpack 来进行更深入的定制。

ISLint 配置问题

在某些情况下，lintOnSave 选项可能会出现异常。建议检查你的 ESLint 插件是否有错误配置，或者尝试以下方法确保 linter 正常工作：

如果你使用了 eslint 和 stylelinet，请确保它们的版本兼容性是正确的。

有时临时禁用或者更新依赖包也能解决问题。

输入预期格式

请将上述内容整理成技术化的文章风格，保持语言专业且易于阅读，符合技术文档的规范。无需使用任何 markdown 格式或列表项，只需以段落形式呈现。

（注：本内容为对原文的自然语言重构，旨在保持技术专业性，同时符合用户的具体要求）

转载地址：http://azxxz.baihongyu.com/

你可能感兴趣的文章