验证配置文件:nginx-t 使用配置文件:nginx-c"配置文件路径"使用帮助:nginx-h 4.部署前端项目,比如我的前端项目发布后的目录是 D:\VueSite 修改nginx.conf的location 的 root 配置,指定前端项目的目录;index 是用来指定首页的,vue编译完了首页就是index.html 这里不用改。 然后执行命令 nginx -s reload 重启ngin...
然后访问的话直接访问二级域名就可以访问。 基于端口配置 配置文件如下:配置 a.test.com 的配置文件: vim /usr/nginx/modules/a.conf server { listen 8000; location / { root /data/web-a/dist; index index.html; } } # nginx 80端口配置 (监听a二级域名) server { listen 80; server_name a.test....
1 先把之前的项目的publicPath修改一下 2 npm run build,再将dist文件夹的东西上传到/usr/share/nginx/html/project1下 3 再在default.conf中添加如下配置 location = /project1 { root /usr/share/nginx/html/project1; try_files $uri $uri/ /project1/index.html; index index.html index.htm; } 再...
vue.config.js配置 module.exports=defineConfig({devServer:{},publicPath:'/app',//不加打包后白屏}) B项目(vite搭建) router下index配置 import{createRouter,createWebHashHistory}from'vue-router'constrouter=createRouter({history:createWebHashHistory('/web'),routes:[]}) vite.config.js配置 module.expo...
vue.js配置 1. config/index.js 修改assetsPublicPath: '/vue-github-rank/'  2. src/router/index.js文件修改 添加base: '/vue-github-rank/'   nginx配置  这一行的问题,你去掉/aptcoach 解决了 try_files $uri $uri/ @router; ...
简介: vue前端开发中,通过vue.config.js配置和nginx配置,实现多个入口文件的实现方法 由于vue为单页面项目,通过控制组件局部渲染,main.js是整个项目唯一的入口,整个项目都在一个index.html外壳中。 若项目过大,会造成单页面负载过重;同时,多页面利于模块独立部署。 如果项目中不同的页面需要不同的main.js和App....
多个VUE 前端工程部署、nginx 代理配置: 预期效果 前端工程 gentle-vue 访问地址:http://ergouzi.fun/gentle-vue/ 前端工程 breeze 访问地址:http://ergouzi.fun/ 在VUE 工程中有 3 个地方要设置。 1) config --> index.js --> build 中 设置访问路径: ...
1. vue.config.js : 执行: npm run build后的dist/index.html 资源路径应该是这样的: 2. nginx.config
技术标签:多个VUE工程nginx代理 PS:早期 我只有一个 VUE 前端工程:gentle-vue ,加一个 java 后端工程:gentle ,比较好部署。 现在有 2 个 前端工程 (后端工程也有多个) 前后端工程部署方式都是docker ,这个和早期一样,无需改动。 前后端分离工程实现见文章:前后端分离工程实现 (VUE、JAVA)、附全部源码 单独 VU...
简介:vue前端开发中,通过vue.config.js配置和nginx配置,实现多个入口文件的实现方法 由于vue为单页面项目,通过控制组件局部渲染,main.js是整个项目唯一的入口,整个项目都在一个index.html外壳中。 若项目过大,会造成单页面负载过重;同时,多页面利于模块独立部署。