文章

把vue打包檔部署在特定路徑

因為客戶的網站有分成兩種類型,想要把網站部署在類似這種 domain.com/AAA, domain.com/BBB 的資料夾結構下,當初以為就把dist/整包給他放在他開好的資料夾就可以了,後來發現我大錯特錯,切換路由一直失敗,於是上網看了一下官網,發現只需要調整兩個步驟就可以了。

閱讀更多

如何使用 Docker 打包 vue 專案

部署 vue 的 spa 網站到 GCP,可以直接部署靜態網站到 GCP 的 App Engine,也可以用 docker 打包 image,推到 GCP 的 Container Registry

你必須先完成的事:

  1. 在電腦安裝docker
  2. cd到你的專案路徑下
閱讀更多

vue cli 3 設定檔 vue.config.js

使用 vue cli 3 指令 yarn 新建專案,vue官網建議使用vue.config.js檔案覆蓋webpack.config.js

module.exports = {
  devServer: {
    port: 6800,
    open: true
  },
  publicPath: 
    process.env.NODE_ENV === "production" ? "/vue-spotify" : "/",
  configureWebpack: {
    resolve: {
      alias: {
        "@C": "@/components",
        "@L": "@/layout",
        "@V": "@/views",
        "@SCSS": "@/scss",
        "@U": "@/utils",
        "@A": "@/assets"
      }
    }
  },
  css: {
    loaderOptions: {
      scss: {
        data: `
                @import "@SCSS/utils/_variables.scss";
                @import "@SCSS/utils/_mixins.scss";
              `
      }
    }
  }
};