vue项目部署到子路径下需要更改的设置_vue2 项目在子路径

vue项目部署到服务器上会默认为例如ROOT的文件夹下，这样会直接访问改文件夹下的index.html文件。
假如现在有需求是把项目放到某一个子路径下，如果不更改设置会出现资源不加载，引用js文件找不到，刷新页面报404等问题。
1、在public文件夹下引用js文件，路径写成 ./
2、在config/index.js文件中，打包路径应写成 /子路径名/ 例如：/child/。
3、在路由文件中修改base属性，这个是防止刷新跳回默认路径的。
export default new Router({
mode: ‘history’,
base: ‘/child/’,
routes: [
{
path: ‘/’,
name: ‘home’,
component: home
}
]
})
后台我是用的nginx，使用的history模式。如果是hash模式最后改成history模式。需要改成
try_files $uri $uri/ /child/index.html;
以上更改就OK了。