在Nginx 上部署多个 Vue 项目,可以按照以下步骤进行: 1. 准备多个 Vue 项目并构建生产版本 首先,确保你已经开发并测试了多个 Vue 项目。然后,使用 Vue CLI 构建这些项目的生产版本。 bash cd /path/to/your/vue-project-1 npm run build cd /path/to/your/vue-project-2 npm run build # 重复以上步骤,为...
1、os:Windows10 2、node: v12.19.0 3、vue-cli3 4、vue:2.3.10 第一步 将vue.config.js里的 publicPath 设置为‘'/project/' 代码语言:javascript 复制 publicPath:'/project/' 第二步 将路由的base也设置为 “/project/” 代码语言:javascript 复制 1constcreateRouter=()=>newRouter({2mode:'history...
Vue 的配置 本人使用的是vue-cli2搭建的项目,所以对应的需要修改一些vue的配置参数。 config 文件夹下的 index.js,因为是打包,所以我们需要在build.assetsPublicPath更改对应项目名,譬如 // project1 module.exports = { dev: {}, build: { assetsPublicPath: '/project1/' // 注意前后的 ‘/’ } } // ...
前端配置 publicPath 修改vue.config.js下的publicPath参数 publicPath: process.env.NODE_ENV==='production'?'/screen/':'/', 完整配置如下: const{ defineConfig } =require('@vue/cli-service'); constpath =require('path'); constresolve= (dir) => { returnpath.join(__dirname, dir); }; module...
PHP 7.2.25 (cli) (built: Nov 25 2019 14:47:49) ( NTS ) 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21. 22. 23. 24. 25. 26. 27. 28. 29. 30. 31. 32. 33. 34.
1.vue-cli3.x 在根目录下找到"vue.config.js" 更改publicPath: '/portal/'的 portal 为你自己的项目名,记得前后的"/" 2.vue-cli2.x 找到config/index.js文件 找到"build"部分 同样的更改assetsPublicPath: '/gardan/',为你自己的项目名, 别忘了前后的"/" ...
项目使用vue-cli3构建的vue前端项目,分为webpc端和移动端,需要在nginx上使用同一个域名部署两个vue工程,经过半天的尝试和摸索,终于成功; 路由 路由设置要每个项目的路由前缀有区分开来,根据业务区分开来 项目一 exportdefaultnewRouter({mode:'history',base:'web',routes:[...] ...
1. 在vue.config.js文件下找到publicPath配置,添加如下配置(vuecli2就是config文件夹下的assetsPublicPath配置) publicPath: process.env.NODE_ENV === "production" ? "/bi/" : "/bi/", 2.修改项目router的base export default new Router({ mode: 'history', // 去掉url中的# ...
项目中使用了nginx,但是需要分项目在同一个服务器测试,建立多个项目配置,这里分vue-cli 2.x和3.x 1. vue-cli 2.x 工程中有 3 个地方要设置 (...