按照网上教程初始化了一个新的目录,开发环境没问题,打包也没问题,打包完之后访问就出现了网上经常出现的路径访问错误问题,当然是用网上的解决方案也解决了,还遇到一个iview字体文件找不到的问题,写在这做个记录
1、build之后路径错误
config/index.js build部分
assetsPublicPath: '/',//改为 './'
2、iview字体图标不显示/找不到字体路径问题
/build/webpack.prod.conf.js
extract: true,//改为false
3、Eslint语法检查问题
有时候多个分号,少个空格,没有空格都会报错,可以去根目录下的.eslintrc.js文件修改配置
rules: { // allow async-await 'generator-star-spacing': 'off', // allow debugger during development 'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off', "indent": ["off", 2], 'semi': 0,//取消分号 'eol-last':0,//取消换行 "no-irregular-whitespace":0,//取消空格 "space-before-function-paren": 0//取消方法前空格 }
即使这样还有一些限制去不掉,解决方案就是不用语法检查
build/webpack.base.conf.js,将eslint相关语法注释或删除
// ...(config.dev.useEslint ? [createLintingRule()] : []),
重新运行 npm run dev有效