1. 頁面跳轉后返回到頁面上方 ~~~ router.afterEach((to,from,next) => { window.scrollTo(0,0); }) ~~~ 2. vue部署到apache后，刷新會報錯，需要修改路由重寫規則，讓他返回到index.html訪問自己的界面 ``` <IfModule mod_rewrite.c> RewriteEngine On RewriteBase / RewriteRule ^index\.html$ - [L] RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule . /index.html [L] </IfModule> ``` ## 跨域 ### 出現背景 本地vue請求后端時采用代理，打包到線上后出現跨域post請求變成了option ### 解決方案 1. 引入qs模塊`yarn add qs` 2. 使用qs將對象序列化 ``` import qs from "qs" qs.stringify(formdata) ``` ## 刷新后頁面404 ### 出現背景 采用了history模式，上線后發現刷新頁面就會404 ### 解決方案 將找不到資源的url(不是路徑不是文件)重定向到index.html ``` <rule name="blog"> <match url="^((?!(upload|admin|portal|api)).)*$" /> <conditions> <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" /> <add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" /> </conditions> <action type="Rewrite" url="/index.html" /> </rule> ```