Vue專案部屬於Azure static App上－IT的隱形人世界

先講結果，還沒成功

本文開始

今天想要把Gitlab中的Vue專案部屬於Azure static App，首先要寫Yml，讓他自行跑CICD

內容如下

variables:
  API_TOKEN: $DEPLOYMENT_TOKEN
  APP_PATH: '$CI_PROJECT_DIR'
  OUTPUT_PATH: '$CI_PROJECT_DIR/dist'  # Optional
  apiToken: $DEPLOYMENT_TOKEN
deploy:
  stage: deploy
  image : registry.gitlab.com/static-web-apps/azure-static-web-apps-deploy
  script:
    - echo "App deployed successfully."
  only:
    - feature/azure_test

在來是要把rewrite設定起來，Vue router才能設定History模式，網址才會比較正常

在Public加入staticwebapp.config.json檔案，並放入以下資訊

{
  "navigationFallback": {
    "rewrite": "/index.html",
    "exclude": [
      "/css/*",
      "/js/*",
      "*.css",
      "*.js",
      "*.png",
      "*.jpg",
      "*.gif",
      "*.ico",
      "*.json"
    ]
  }
}