vue项目上线细节

vue项目开发完成之后，准备上线，需要注意一些细节。
一、配置项目上线路径
1.项目基础路由

const router = new Router({
  base: '/manager/', // 配置基础路由
  routes: []
})

此时上线项目的基础路径会变成xxx/manager/xxx

2.项目静态资源加载路径
vue项目中，静态资源必须放置在assets中
引入的插件等js文件放在utils中，在App.vue中引入
修改上线后静态资源加载路径

// 静态资源路径修改
// confing/index.js
bulid: {
  assetsPublicPath: './'
}
// build/utils.js
if (options.extract) {
  publicPath: '../../'// 修改路径
}

此时图片等静态资源加载路径会多一级从xxx变成./xxx

3.配置线上和线下的接口baseurl
在main.js中

axios.defaults.baseURL = (process.env.NODE_ENV === 'development') ? 线下的测试url : 上线后服务器的url

此时基本的配置完成
可以打包发布并放置在服务器上了