vue.config.js 配置

Vue.config.js 是 Vue.js 项目的配置文件，可以在其中配置项目的各种选项，比如打包输出路径、静态资源路径、代理设置等等。可以通过 module.exports 导出一个对象，对象中包含各种配置选项。例如：

module.exports = {
publicPath: '/',
outputDir: 'dist',
devServer: {
proxy: {
'/api': {
target: 'http://localhost:300',
changeOrigin: true,
pathRewrite: {
'^/api': ''
}
}
}
}
}

相关问题

vue vue.config.js 配置

Vue项目中的vue.config.js文件是一个可选的配置文件，如果项目的根目录中存在这个文件，那么它会被@vue/cli-service自动加载。在这个文件中，你可以对webpack进行自定义配置，例如修改webpack的默认配置、添加插件等。同时，你也可以使用package.json中的vue字段来进行配置，但是需要严格遵照JSON格式来写。

以下是一些常见的vue.config.js配置选项：
1. publicPath：指定打包后静态资源的路径。
2. outputDir：指定打包后的输出目录。
3. devServer：配置开发服务器，例如端口号、代理等。
4. configureWebpack：用于修改webpack的默认配置。
5. chainWebpack：用于通过链式操作修改webpack的默认配置。
6. css：用于配置CSS相关的选项，例如是否提取CSS、是否开启CSS source map等。

vue2中没有VUE.Config.js，该怎么配置Vue.config.js？

在Vue 2中，可以通过在main.js文件中添加以下代码来配置Vue：

Vue.config.optionMergeStrategies.myCustomOption = function(toVal, fromVal) {
  return toVal || fromVal
}

Vue.config.devtools = true
Vue.config.productionTip = false

其中，myCustomOption是自定义的配置选项，devtools选项用于开启chrome/vue-devtools的调试工具，productionTip选项用于屏蔽生产环境的提示。