vue重新整理時報錯Uncaught SyntaxError Unexpected token ‘<’

最近nginx裡部署vue項目的時候，遇到報錯：Uncaught SyntaxError Unexpected token ‘<’

仔細檢查我的build配置，發現并沒有寫錯

build: {
    // Template for index.html
    index: path.resolve(__dirname, '../dist/index.html'),

    // Paths
    assetsRoot: path.resolve(__dirname, '../dist'),
    assetsSubDirectory: 'static',
    assetsPublicPath: './',
           

于是觀察發現，知識部分路由重新整理會報錯，檢查發現，原來是url裡攜帶了id參數導緻報錯

{
    path: '/singer-album/:id',
    component: SingerAlbum
  },
  {
    path: '/song-list-album/:id',
    component: SongListAlbum
  }
           

修改傳參方式，換成query就不會報錯了

{
    path: '/singer-album',
    component: SingerAlbum
  },
  {
    path: '/song-list-album',
    component: SongListAlbum
  }