需要先清除目录缓存

git rm -r --cached 文件或文件夹名

然后再提交就行了

或者直接全部清除掉,然后重新添加

git rm -r --cached .
git add -A
git commit -m '提交信息:添加gitignore'

前言

vue cli 打包好的dist目录中的文件, 默认是根目录的, 像这样: lanhaoo.club/index.html
现在想要将文件放到子目录,比如myApps, 想要的效果是这样: lanhaoo.club/myApps/index.html

Vue cli 3版本里的config build 的文件夹都没了

vue-cli 3 的 github 仓库由原有独立的 github 仓库迁移到了 vue 项目下
vue-cli 3 的项目架构完全抛弃了 vue-cli 2 的原有架构，3 的设计更加抽象和简洁（此处后续可以详细介绍）
vue-cli 3 是基于 webpack 4 打造，vue-cli 2 还是 webapck 3 vue-cli 3 的设计原则是“0配置”
vue-cli 3 提供了 vue ui 命令，提供了可视化配置，更加人性化

修正assets文件的引用

1. 在根目录下新建 vue.config.js文件, 在这里面我们写配置
2. 去掉路由的 history 模式
3. 把那些图片啊之类的资源文件(在 assets 文件夹下的)整顿好, 在配置里面写好别名, 然后修改引用

module.exports = {
  configureWebpack: {

    resolve: {
      alias: {
        'assets': '@/assets',
        'components': '@/components',
        'views': '@/views',
      }
    }
  },
}

module.exports = {
  publicPath: process.env.NODE_ENV === 'production'
    ? '/子文件夹名/'
    : '/',

    configureWebpack: {
        resolve: {
            alias: {
                'assets': '@/assets',
                'components': '@/components',
                'views': '@/views',
            }
        }
    },
}

嗯..一开始是想让 vue 路由直接返回json,不过好像有点难,
如果是直接用xhr还好说,直接拿过来就行

这里说的是本地的,根据stackoverflow上的是,将变量从另一个js引入

json.js

export const jsonInput = [
  { id: "1", title: "Mars" },
  { id: "2", title: "Venus" },
  { id: "3", title: "Pluto" }
];

Hello.vue

然后就能引用jsondata的数据了(也就是在jsonInput里的数据)

参考:
https://stackoverflow.com/questions/46699064/returning-json-with-vue-router

传值时使用require就可以拿到图片了

<img :src="require('../assets/'+imgName)">

写好的路由是(关键是/Drawing/:id那个)

export default new Router({
    mode:'history',
    routes: [
        { path: '/', name: 'home', component:  App},
        { path: '/hello', name: 'Main', component: Hello },
        { path: '/Drawing/:id',name:'drawing',component:Drawing}
    ]
})

会把所有的/Drawing/1 或/Drawing/2都导向一个界面

然后对应的Drawing组件里直接用$route.params.id 就能拿到链接后的Id,

但是router-link这里比较发愁,要怎么生成一个链接
上网搜了一下, 咳咳原来直接..按js写就好 字符串 + 变量 没毛病!记得to前面的冒号

参考:https://blog.csdn.net/sangjinchao/article/details/70888259