vue-cli 3.0 上线部署

上线部署

• vue. config.js

  module.exports = {
      devServer: {
          // 设置主机地址
          host: 'localhost', // 本地端口配置
          // 设置默认端口
          port: 9000, // 本地端口配置
          // 设置代理
          proxy: {
              '/app': {
                  // 目标 API 地址
                  target: '',// 代理配置
                  // 如果要代理 websockets
                  ws: true,
                  // 将主机标头的原点更改为目标URL
                  changeOrigin: true
              }
          }
      },
      baseUrl: './', //路径基础地址
      outputDir: './dist', // 打包输出地址
      assetsDir: './' // 静态资源基础地址
  } 
  

上述主要为了解决资源路径问题

• 路由配置

  export default new Router({
    // mode: 'history', // 注释掉这一行模式
    base: process.env.BASE_URL,, //应用的基路径。例如，如果整个单页应用服务在 /app/ 下
    routes: [
      {
        path: '/cart',
        name: 'cart',
        component: Cart
      }
    ]
  })
  

上述是为了解决 里面加载不出来的问题