Maison > interface Web > js tutoriel > le corps du texte

Comment supprimer le numéro de chemin dans Vue

php中世界最好的语言
Libérer: 2018-04-27 16:22:14
original
1325 Les gens l'ont consulté

Cette fois, je vais vous montrer comment supprimer le numéro de chemin dans Vue. Quelles sont les précautions pour que Vue supprime le numéro de chemin Voici un cas pratique, jetons un coup d'œil.

Comme nous le savons tous, vue-router a deux modes, le mode hachage et le mode historique.

Celui avec # est en mode hachage.

Réglez simplement le mode du routeur sur historique

Ensuite, il y a un problème Dès que l'interface est actualisée, elle passe en 404 ! ! ! !

Après une recherche en ligne, je dois configurer l'environnement back-end.

Seule la configuration nginx est répertoriée ici. Pour les autres configurations, cliquez ici pour accéder au site officiel

Configurez d'abord config/index.js

Modifiez les actifsPublicPath vers le. répertoire racine

module.exports = {
  build: {
      env: require('./prod.env'),
      index: path.resolve(dirname, '../dist/index.html'),
      assetsRoot: path.resolve(dirname, '../dist'),
      assetsSubDirectory: 'static',
      assetsPublicPath: '/',   // hash 模式会默认的在此处 添加为 assetsPublicPath: './'
      productionSourceMap: true,
      ...
    }
}
Copier après la connexion

Ensuite configurez nignx

server {
    listen 0.0.0.0:12345;
    location / {
        root /home/我的应用跟目录;
        try_files $uri $uri/ /index.html =404;  // 这个是重点
    }
    error_page 404 /index.html
}
Copier après la connexion

L'URL n'a plus de #, comme c'est parfait

Je crois que vous maîtrisez la méthode après avoir lu le cas dans ce Article Pour des choses plus excitantes, veuillez prêter attention au site Web chinois php Autres articles connexes !

Lecture recommandée :

Gestion parfaite des requêtes ajax et des packages axios dans vue

Implémentation Element Traversal de la traversée d'éléments dans détail

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal