各位前輩學長好。

以前我架站主要使用兩種，IIS跟Apache httpd。其它還有Ningx, tomcat...。, 現在聽說前端程式也可以架站，像是執行 npm run serve, 就可以有 http://localhost:8080 這樣的站台可以開發使用。就像 php artisan serve。

• 這能用在正式對外的網站嗎？還是只用於開發測試用途？
• npm run serve 跟 php artisan serve 是否一樣？是不是其實都是使用 npm？
• 如何讓外部電腦可以瀏覽 http://myvue.foo.com:8080

現在我在建的站，是用 vue create foldername，然後再執行 npm run serve。
現在有 http://localhost:8080 這樣的站台，簡稱A電腦。然後想讓同網段的B電腦，也可以用。如何開放？

A電腦的IP: 192.168.1.10
B電腦的IP: 應該不重要，同網段。

我先修改B電腦的 hosts 檔。
192.168.1.10 myvue.foo.com

我有試著去修改 vue.config.js，好像沒效

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  host:"myvue.foo.com",
  port:8080
})

然後去改 package.json

  "scripts": {
    "serve": "vue-cli-service serve --host myvue.foo.com --port 8080",
    ...

現在A電腦自己的瀏覽器可以執行 http://myvue.foo.com:8080
但是B電腦不行。可以 ping myvue.foo.com，但是開瀏覽器會說「無法連上這個網站」

使用 Firefox ，按 F12, 一旦執行這個網址，會一直轉圈圈，然後說無法連上

檔頭

GET / undefined
Host: myvue.foo.com:8080
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/111.0
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,*/*;q=0.8
Accept-Language: zh-TW,zh;q=0.8,en-US;q=0.5,en;q=0.3
Accept-Encoding: gzip, deflate
Connection: keep-alive
Upgrade-Insecure-Requests: 1

Cookie

此請求不含 cookie

請求

此請求不含酬載

回應

此請求尚無回應資料