北京网站建设公司,网站开发主要内容,wordpress怎么安装模板文件,规划营销型网站结构打包vue3
npm run build安装Nginx 这里安装步骤比较繁琐#xff0c;现在服务器比较便宜#xff0c;如果想用Nginx#xff0c;可以去菜鸟教程https://www.runoob.com/linux/nginx-install-setup.html 配置安装一下找到安装路径下的 conf 文件夹 下 nginx.conf文件#xff0…打包vue3
npm run build安装Nginx 这里安装步骤比较繁琐现在服务器比较便宜如果想用Nginx可以去菜鸟教程https://www.runoob.com/linux/nginx-install-setup.html 配置安装一下找到安装路径下的 conf 文件夹 下 nginx.conf文件用编辑器打开这个文件 里边的
listen 8080; 端口号
server_name localhost;location /{root vue项目打包后的dist文件路径index dist中访问入口文件
}4. 去cmd中检查一下配置的文件
在Nginx 安装的conf路径外面执行命令
nginx -t -c 磁盘\conf\nginx.conf 回车可以看到successful 配置成功 5. 启动 Nginx
start nginx 这时候可以去任务管理器中查看 是否启动成功成功可以在任务管理器进程中看到 6. 在浏览器中访问配置的路径 http://localhost:8080/ 这个是我的配置大家可以查看上面 第3 步 配置的具体是什么
访问之后再次刷新页面会报404 7. 404解决 这里因为 找指定路径的文件如果不存在我们就转给按个文件 在 Nginx.conf文件下继续配置
listen 8080; 端口号
server_name localhost;location /{root vue项目打包后的dist文件路径index dist中访问入口文件try_files $uri $uri/ router; //找指定路径的文件如果不存在我们就转给按个文件}start nginx 检查配置是否成功 成功后去 任务管理器中把以前启动的 Nginx 关掉然后重启 这里是以免启动太多最好手动全部关掉 再次重启
start nginx浏览器 访问 http://localhost:8080/ 这时候刷新404问题解决哎又出现500问题继续Nginx.conf配置
listen 8080; 端口号
server_name localhost;location /{root vue项目打包后的dist文件路径index index.html index.htm; //dist中访问入口文件try_files $uri $uri/ router; //找指定路径的文件如果不存在我们就转给按个文件}
location router {rewrite ^.*$ /index.html last;
}start nginx关掉任务管理器中的Nginx 然后再次重启 打开浏览器 http://localhost:8080/ 500问题解决报405错误剩下的是后台我们前端到此配置完成 总结以上步骤
