Heim > Betrieb und Instandhaltung > Nginx > So stellen Sie Nginx bereit, um auf Projekte zuzugreifen, die von vue-cli erstellt wurden

So stellen Sie Nginx bereit, um auf Projekte zuzugreifen, die von vue-cli erstellt wurden

WBOY
Freigeben: 2023-05-15 22:25:16
nach vorne
847 Leute haben es durchsucht

Die spezifischen Methoden sind wie folgt:

1 Erstellen Sie ein Backend-Serverobjekt

upstream mixVueServer{ 
  server baidu.com;#这里是自己服务器域名 
}
Nach dem Login kopieren

2. Erstellen Sie einen Zugriffsport und Reverse-Proxy-Regeln. 🎜🎜#

server { 
    listen    8082; 
    server_name localhost; 

    location / { 
      root  E:/mix_vue/dist;#定位到项目的目录 
      #index index.html index.htm; 
    try_files $uri $uri/ /index.html;#根据官网这规则配置 
    } 
  location ~ \.php${ 
    proxy_pass http://mixVueServer;#根据后端语言做反向代理处理跨域问题 
    proxy_set_header  Host  $host; 
    proxy_set_header  X-Real-IP  $remote_addr; 
  } 
   
    error_page  500 502 503 504 /50x.html; 
    location = /50x.html { 
      root  html; 
    } 
  }
Nach dem Login kopieren
Geben Sie abschließend den Port direkt in die Adressleiste ein, um darauf zuzugreifen:

So stellen Sie Nginx bereit, um auf Projekte zuzugreifen, die von vue-cli erstellt wurden

Das obige ist der detaillierte Inhalt vonSo stellen Sie Nginx bereit, um auf Projekte zuzugreifen, die von vue-cli erstellt wurden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:yisu.com
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage