前台-url去掉#号，vue3的createWebHistory模式打包问题

最新推荐文章于 2024-05-05 08:48:00 发布

codingFunTime

最新推荐文章于 2024-05-05 08:48:00 发布

阅读量191

点赞数

分类专栏： key门户项目文章标签：前端 javascript vue.js

本文链接：https://blog.csdn.net/hktkkkk/article/details/129243976

版权

key门户项目专栏收录该内容

37 篇文章 1 订阅 ¥19.90 ¥99.00

订阅专栏

超级会员免费看

const router = createRouter({
  //根目录
  history: createWebHistory(),
  routes
})

配置 nginx 的 server


user  nginx;
worker_processes  auto;

error_log  /var/log/nginx/error.log notice;
pid        /var/run/nginx.pid;


events {
    worker_connections  1024;
}


http {
    include       /etc/nginx/mime.types;
    default_type  application/octet-stream;

    log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
                      '$status $body_bytes_sent "$http_referer" '
                      '"$http_user_agent" "$http_x_forwarded_for"';

    access_log  /var/log/nginx/access.log  main;

    sendfile        on;
    #tcp_nopush     on;

    keepalive_timeout  65;

    #gzip  on;

    include /etc/nginx/conf.d/*.conf;

    server {
    	listen 4000;
#         server_name  localhost;

        location / {
            root /usr/share/nginx/html;
            index  index.html index.htm;
          try_files $uri $uri/ /index.html;
        }
    }

}

把打包后生成的 css、js、html 等文件放入服务器中的/usr/share/nginx/html目录下，访问对应 ip:端口即可看到页面。