nginx - Problèmes qui surviennent après le déploiement du projet Vue sur ngnix

Question

Au départ, je voulais utiliser github pour prévisualiser la démo de vue que j'avais créée, mais j'ai constaté que cela ne fonctionnait pas. J'ai dit que je voulais transférer le fichier construit sur le serveur ngnix et l'exécuter.

1. L'accès inter-domaines à l'API Douban est utilisé dans la démo. Proxyable a été configuré. npm run dev est accessible sur tous les domaines, mais pourquoi ai-je une erreur lorsque je l'exécute sur le serveur, comme indiqué ci-dessous ?

2. Comme indiqué ci-dessous, comment configurer ngnix pour modifier le chemin d'origine 127.0.0.1:8090/project vers le nom de domaine que vous avez acheté ou vers github.io/project path

3. Comment déployer et mettre le projet sur le nom de domaine Il n'est pas nécessaire de démarrer le service ngnix à chaque fois pour exécuter le projet, ce qui est si pénible.

En fait, les trois questions ci-dessus peuvent être résumées par « Comment accéder aux données de l'API Douban sur tous les domaines sur le serveur ngnix ». . . Je ne m'attendais pas à ce que ce soit si difficile. .

Merci de me donner une réponse d'un expert expérimenté, merci !

Answer 1

Il s'agit d'un problème de nom de domaine, vous devez d'abord définir une URL globale

Si vous ne savez pas comment définir des variables globales, vous pouvez effectuer une recherche dans SF et il y en a beaucoup

这个是定义全局参数

const isDebug = true
const commonUrl = isDebug? '':'http://xxxx'

在你接口调用的地方
 getNew(){
        this.$http.get(commonUrl + '/v2/movie/new_movies').then(response => {
          console.log(response)
          Indicator.close()
          this.topList = response.data.subjects
        }, response => {

        })
      },
      
     

S'il est développé localement, isDebug est vrai S'il est transmis au serveur, isDebug est faux

.

Answer 2

Le problème que je comprends : le déploiementvue到github.

Je n'ai pas le temps de poster le code spécifique, alors parlons de l'idée :

1. D'accord, nous n'avons pas besoin d'un ngnixserveur ici.

2. Nous savons deux choses :

   • github访问是访问index.html comme entrée ;

   • vueLe fichier packagé doit être exécuté côté serveur

Ainsi, le problème est progressivement devenu clair. Nous pouvons utiliser le vue打包的index.html作为githubpackaged index.html comme fichier d'entrée de github. Le problème devrait donc être un problème d'empaquetage.

.

conseils : concernant le cross-domain, votre npm run dev之所以能运行是因为你在本地的nodejsserveur a configuré un proxy, mais pas le serveur. Si vous souhaitez simplement effectuer du cross-domain sur le serveur, vous devez encore faire beaucoup de travail.