javascript - A mobile project was built using vue2.0+vue-cli. After the page is completed, it can be displayed on the PC, but when the page is accessed on the mobile terminal, the content is blank.

Question

Use vue2.0+vue-cli to build a mobile project. After the page is completed, it can be displayed on Google's mobile simulator using http://localhost:8080, but on the mobile terminal it uses 192.168.x.x: 8080 access page, the content is blank. I simplified the APP.vue content and only left a p tag, but it still cannot be displayed. Please help me, I will be very grateful!

<template>
  <p id="app">
    <p>
      11212
    </p>
  </p>
</template>

<script>
export default {
  name: 'app'
}
</script>

<style>

</style>

There is no problem at all on the PC side, but when accessed using 192.168.X.X:8080 on the mobile side,
nothing will be displayed. . .

Answer 1

If you don’t modify the default content, the display will definitely be fine. I don’t know what you changed later, just looking at app.vue is not enough

Answer 2

Are the mobile phone and PC on the same network?

Answer 3

It should be a network problem. You can connect your laptop to WIFI to access the following.

Answer 4

Whether you are accessing the production environment or the development environment, whether the local service has been enabled, and the local area network can access the machine. If they are on the same network segment, the computer can enable the service and the mobile phone can access it

Answer 5

Debug with uc developer version

Answer 6

Can’t access, 80% of the time it’s a network segment problem

Answer 7

Have you solved it? I encountered the same problem. It has been determined that it is not a network problem. I personally feel that it is a problem with vue-router

Answer 8

Thank you everyone above, but it’s really not a network problem. The company’s desktop computer can’t turn on wifi, so I have to go back and try again