關于Vue的再次試煉

再次跟著教程做去哪兒的首頁仿制，因為第一次學做的是2018的教程，距離現在已經兩年過去
之間遇到了很多問題，將會在這里記錄一些下來。
之前遇到了很多問題，不過記不得了···所以暫時先不寫了···
記起來了再說

關于vue-cli 3搭建出來的靜態資源存放問題
不再像是vue2中放在static中而是放在public中，當然也可以在里面再創建一個文件夾對資源進行存放

axios.get('/test.json') //靜態資源是放在public中的，直接使用 //不要寫成 public/test.json，會找不到

vue3解決跨域問題

//在vue.config.js中進行配置devServer: {proxy: {'/api': {target: 'https://xxxxx', //目標網址changeOrigin: true,secure: false,pathRewrite: {'^/api': '/'}}}//使用axios.get('api/xxxxx')

解決Vue中頁面跳轉后不在頂部問題

mounted () {this.$router.afterEach((to, from, next) => {window.scrollTo(0, 0)}) //放在app.vue中或者需要的頁面中

總結

以上是生活随笔為你收集整理的关于Vue的再次试炼的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。