try_filesuriuri/ @router; # 需要指向下面的@router否则会出现vue的路由在nginx中刷新出现404 } location @router { rewrite ^.*$ /CKManage/index.html last; } } 3.5、配置同源策略 两个不同端口的地址 www.lpnm.com:8071;www.lpnm.com:8072; 想通过 www.lpnm.com:8070 同时访问这两个地址 配置如...
1.4、配置Nginx 进入nginx/conf目录,在其中找到名为nginx.conf的文件,打开,找到server部分: 端口号 listen (输入要监听的端口号,我的是5173); 域名配置 server_name (输入自己服务器的ip 例如:127.0.0.1 如果有域名可以输入域名); 前端项目存放地址 root:(打包后的vue项目文件夹例如:html/dist); 配置好后,启动...
打开浏览器访问localhost:8080,这里跟网上的一些教程会有些不一样,正常情况下到这一步就会能看到nginx的欢迎界面啦。 nginx的配置(nginx.conf): cat /usr/local/etc/nginx/nginx.conf 显示配置文件的代码为: #user nobody; worker_processes 1; #error_log logs/error.log; #error_log logs/error.log notice...
重载服务:nginx-s reload (重载服务配置文件,类似于重启,服务不会中止) 验证配置文件:nginx-t 使用配置文件:nginx-c"配置文件路径"使用帮助:nginx-h 4.部署前端项目,比如我的前端项目发布后的目录是 D:\VueSite 修改nginx.conf的location 的 root 配置,指定前端项目的目录;index 是用来指定首页的,vue编译完了首...
1.首先找到自己的vue的项目然后输入命令 npm run build 接下来会生成一个dist文件夹里面就是你的vue的项目2.把 dist文件夹丢到虚拟机nginx/html目录下,html文件删除两个默认文件,把dist目录名改成你项目名字 配置文件的路径修改为你命名的文件夹 重启nginx服务 ./nginx -s reload ...
在nginx文件夹中打开cmd (如果是powershell不能直接使用cmd命令: 输入cmd回车即可) 基本命令操作: 查看nginx的版本号:nginx -v 启动nginx:start nginx配置文件nginx.conf修改重装载命令:nginx -s reload 3.打包vue项目 //打包vue项目使用的指令 npm run build 4.将打包...
npm install-g @vue/cli vue create my-vue-project 在项目开发完成后,使用以下命令进行打包: 代码语言:javascript 复制 npm run build 打包完成后,会生成dist文件夹,用于后续的 Nginx 部署。 二、项目打包 (一)打包命令 在Vue 项目中,可以使用npm run build命令来打包项目。在执行此命令之前,需要确保路由配置中...
Vue项目部署--nginx配置-吴惟刚 (wuweigang.com) 这次就主要是学习一个静态页面的部署,其实非常简单。 #在vue项目下运行打包获取dist npm run build dist文件夹中的内容直接复制到nginx下的自创的文件夹myhtml中即可。 下面进行nginx.conf的修改。主要的就是location处的更改,需要将root给改了,同时需要注意一下try...
在Vue项目的根目录下,执行以下命令进行构建: npm run build 这个命令会生成一个dist目录,其中包含所有生产环境所需的静态文件。 上传dist目录到Nginx服务器 将构建好的dist目录上传到Nginx服务器的指定目录。通常这个目录是/usr/share/nginx/html,但你可以根据Nginx的配置进行调整。
1、vue.config.js 中,添加:publicPath: '/management'配置项 2、router.js 中,添加:base: '/management // vue.config.jsmodule.exports={lintOnSave:false,productionSourceMap:false,publicPath:'/management',configureWebpack:config=>{console.log(process);if(process.env.NODE_ENV==='production'){return{}...