按照网上教程初始化了一个新的目录,开发环境没问题,打包也没问题,打包完之后访问就出现了网上经常出现的路径访问错误问题,当然是用网上的解决方案也解决了,还遇到一个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有效
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。