天天看點

Vue.js-localhost:8080-無法顯示此網頁-【已經初始化的項目,如何再次在伺服器上運作?】

Vue.js---初始化項目:

Vue.js-Day03-AM【超級詳細:Node.js環境安裝、安裝淘寶鏡像(Win、Mac)、安裝Vue腳手架、初始化Vue項目-指令解釋(Vscode、指令行視窗)、目錄介紹、Vue檔案介紹】

【https://blog.csdn.net/weixin_44949135/article/details/106373070】 

Vue.js-localhost:8080-無法顯示此網頁-【已經初始化的項目,如何再次在伺服器上運作?】

項目沒有啟動。網頁打不開,localhost:8080沒跑起來,指令行視窗要一直保持着運作狀态。

然後,才可以到浏覽器裡面去運作項目。

注意 路徑。

伺服器必須處于開啟狀态,項目才能在伺服器上運作。
Vue.js-localhost:8080-無法顯示此網頁-【已經初始化的項目,如何再次在伺服器上運作?】
Vue.js-localhost:8080-無法顯示此網頁-【已經初始化的項目,如何再次在伺服器上運作?】
Vue.js-localhost:8080-無法顯示此網頁-【已經初始化的項目,如何再次在伺服器上運作?】
npm run dev
           
Vue.js-localhost:8080-無法顯示此網頁-【已經初始化的項目,如何再次在伺服器上運作?】
Vue.js-localhost:8080-無法顯示此網頁-【已經初始化的項目,如何再次在伺服器上運作?】
Vue.js-localhost:8080-無法顯示此網頁-【已經初始化的項目,如何再次在伺服器上運作?】

App.vue

<template>
  <div>
    <Box title="我竟然是父親!"></Box>
  </div>
</template>

<script>
import Box from "./components/Box";
export default {
  data() {
    return {};
  },
  methods: {},
  components: {
    Box
  }
};
</script>

<style scoped>
</style>
           

Box.vue

<template>
  <div class="box">
    呔!爸爸是元件。
    {{title}}
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  methods: {},
  props: ["title"]
};
</script>

<style scoped>
.box {
  width: 100px;
  height: 100px;
  background-color: orange;
  color: royalblue;
}
</style>>
           

蟹蟹觀看~

點個贊再走啊,老闆~

繼續閱讀