vue 提取ip地址并且配置eslintrc-优快云博客

本文详细介绍了如何在项目中设置环境变量，并讨论了在使用ESLint的情况下如何正确配置全局变量，解决setting变量报错的问题。

因为公司项目需要的场景不同，所以IP地址也是需要运维人员修改，因此特意提出来。

./static 新建config.js
let setting = {
    base_url = "http://192.168.6.520:8080"
}
复制代码

在index.html中引入

<script src="./static/config.js"></script>
复制代码

打包后可以看见config.js

如果我们不使用eslintrc 就可以在组件中使用了

const base_url = setting.base_url
复制代码

如果使用了eslintrc后需要修改eslintrc

rules: {
    // allow async-await
    'generator-star-spacing': 'off',
    // allow debugger during development
    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
    // 关闭不允许全局变量 0代表关闭，1代表打开，2代表打开并提示错误
    'no-implicit-globals': 0
  },
  globals: {
    'setting': true
  }
复制代码

这样配置后即可使用。

#问题

按照我多方取证，使用eslintrc后如此配置就可以使用，但是我试了很多次，setting依然报错，如下

请各位路过的大神，指教，谢谢