在Vue 项目中,可以使用npm run build命令来打包项目。在执行此命令之前,需要确保路由配置中的模式正确。如果使用了 history 模式,可能会在打包部署后出现问题,建议将其修改为 hash 模式或者直接注释掉mode这一配置项。 代码语言:javascript 复制 constrouter=newVueRouter({/*mode: 'history',*/mode:'hash',routes...
1.4、配置Nginx 进入nginx/conf目录,在其中找到名为nginx.conf的文件,打开,找到server部分: 端口号 listen (输入要监听的端口号,我的是5173); 域名配置 server_name (输入自己服务器的ip 例如:127.0.0.1 如果有域名可以输入域名); 前端项目存放地址 root:(打包后的vue项目文件夹例如:html/dist); 配置好后,启动...
如果错误1067则检查Nginx监控的端口是否被占用。 第二部:发布前端项目 1、VsCode编译Vue项目形成dist文件(作用是将Vue文件编译为浏览器认识的js、css、html文件) npm run build 2、将打包后的dist文件放进Nginx安装目录的html文件夹下(也可以放进其他地方,只要路径后续配置好一切都OK) 3、修改Nginx配置文件(nginx.c...
nginx 配置, 一个nginx 配置多个项目 user root;# 这个默认是nginx用户 要改 否则还要给文件夹分权限server{listen9000;server_name localhost;location/vue-page/{alias/home/vue-page/;index index.html;try_files$uri$uri//vue-page/index.html;}location^~/java-server/{proxy_pass http://127.0.0.1:8080...
三、Vue 中添加访问路径。比如http://www.lpnm.com/CKManage 3.1、vue 的 vue.config.js 中进行配置 3.2、接着在对应的 router/index.js 中 添加路由配置 3.3、yarn build 项目后,把打包后的文件,放在 nginx 路径下 html 文件夹下,新建一个文件夹 NeiMeng, 然后把包对应放进去 ...
1,项目打包。 需要注意的文件就两个。request.JS和vue.config.JS。 request.js文件 baseURL保持为空,会使用nginx统一配置,也可提前配置,但最终必须与nginx请求代理配置的识别字段保持一致。 vue.config.js文件 publicPath填写为你想区分项目的对应后缀字段
此配置将匹配以/my-app/开头的所有 URL，并将其指向 Vue3 项目的index.html文件。设置 MIME 类型 为...
1、配置文件可能是nginx.conf文件也可能是.../nginx/conf.d/default.conf 文件,具体要看nginx.conf文件中是否包含了default.conf文件 2、vue前后端分离项目通过会在向后台请求时统一加上前缀,如 api ,但实际后台的Controller接口中一般不会加这个前缀,在开发时可以在vue.config.js中配置跨域请求与api替换。但在部...
1.首先找到自己的vue的项目然后输入命令 npm run build 接下来会生成一个dist文件夹里面就是你的vue的项目2.把 dist文件夹丢到虚拟机nginx/html目录下,html文件删除两个默认文件,把dist目录名改成你项目名字 配置文件的路径修改为你命名的文件夹 重启nginx服务 ./nginx -s reload ...