vue配置文件不打包

在开发中碰到一个问题，如果公共配置写在src里面会被打包，无法做到可读性可以随时更改配置，所以只能写在static文件夹下，那么就实现一个公共配置文件吧。

在static文件夹下添加一个配置文件

const httpUrl = 'http://190.168.1.1:18003/api'

function errorMethod(error, obj) {
  console.log(error)
  if (typeof (error.response) === 'undefined') {
    obj.$message({ message: '网络异常，请稍后再试...', type: 'error' })
    return
  }
  if (error.response.status === 403) {
    obj.$router.push('/')
  } else {
    obj.$message({ message: '网络异常，请稍后再试...', type: 'error' })
  }
}
export default {
  httpUrl,
  errorMethod
}

在main.js文件中添加引用

import config from '../static/config'
vue.prototype.config1 = config

资源搜索网站大全 https://www.renrenfan.com.cn 广州VI设计公司https://www.houdianzi.com

就可以在相应的页面使用了。

this.config1.httpUrl

然鹅。。。上面的这种操作并没有卵用，只是文件不打包，但是实际上还是打包进去了，无论怎么改外面这个包都无效。

既然import引用都会将文件打包，那么就采用非import方式引用，也就是最原始的引入js文件方式。

1、在static文件夹下创建文件common.js

var common = {
  httpUrl: 'http://192.168.1.1:18003/project',
  pollTime: 10000,
  errorMethod: function(error, obj) {
    console.log(error)
    if (typeof (error.response) === 'undefined') {
      obj.$message({ message: '网络异常，请稍后再试...', type: 'error' })
      return
    }
    if (error.response.status === 403) {
      obj.$router.push('/')
    } else {
      obj.$message({ message: '网络异常，请稍后再试...', type: 'error' })
    }
  }
}

2、在你的vue-cli根目录的index.html文件中添加你的这个js文件引用。

<script src="static/common.js"></script>

3、就按照这种引入方式来调用即可拿到值。

common.httpUrl