備忘

vue-cli3建立vue專案

專案目錄下自己新增檔案

vue.config.js 檔案內容如下

module.exports = {
     //publicPath: './',
     publicPath: process.env.NODE_ENV === 'production' ? '/projectname/dist/' : '/',
}
//projectname/dist/為專案buildf之後，在iis中部署的目錄

關於publicPath的設定可看此連結，history模式下不能使用相對路徑，Vue-CLI配置參考

iis需要新增url rewrite功能，網上下載即可

專案部署成功之後，開啟iis，找到projectname，功能檢視中開啟url重寫功能，入站規則，新增空白規則

新增此規則的目的，就是因為history模式下，非根路由，瀏覽器重新整理的時候會產生404錯誤，各型別伺服器相容router htstory模式設定可以點選連結檢視

這樣的模式表示匹配prejiectname後面的url部分，如果匹配到了則進行重寫

條件，新增條件忽略檔案和目錄的url，否則可能會產生Uncaught SyntaxError: Unexpected token 錯誤

（這個錯誤提示，查了網上有人說這個錯誤的解決方法，但和我錯誤都沒有對應上，官方文件iis的history設定其實就有這兩個設定，只是剛開始不太懂url rewrite的設定方法所以忽略了）