在Nginx中，由于单页面应用的URL地址都是通过路由来实现的，所有的文件在一个index.html文件中，所以，当通过URL后面带着 /xx  nginx就会找不到文件，从而显示404错误。解决方案：在 /etc/nginx/conf.d  文件夹下中 的  default.conf  文件中配置如下:location / {try_files $uri ...

1、当一个vue项目很大的时候，对于一些“暂时”用不到的组件，我们可以不进行加载，等到用到次组件时再加载。这样可以优化spa应用首次加载白屏情况，也给用户更好的体验。这样就是vue路由懒加载。2、常用的懒加载方式有两种：即使用ES中的import 和vue异步组件2.1 未使用懒加载import HelloWorld from '@/components/HelloWorld...

1.修改打包时，文件引用路径在config文件加下index.js文件中，找到 build 中的  assetsPublicPath 将 assetsPublicPath: '/' 修改为 assetsPublicPath: './'  即添加一个点2.注释相关打印提示（可选）在build文件加下build.js文件中，将一个 console.log 注释掉3.重新build 3.1如果没有进行第

此方案是借助两个插件，将px进行转化为rem。lib-flexible用于设置 rem 基准值。由淘宝手机前端开发团队编写的。postcss-pxtorem是一款 postcss 插件，用于将单位转化为 rem。一、lib-flexibleInstallnpm i -S amfe-flexibleImport<meta name="viewpo...

在项目中，经常使用到VUEX状态管理，对于小项目中，直接使用this.$store.commit('mutaion-name','参数')或者this.$store.dispatch('actions-name','参数')上述两种方法即可。但是，当项目中的 mutation或者 action过多的时候，这样一个个的写就显得比较麻烦。所以，vue提供了mapA...