# location / {# try_files $uri $uri/ @router;# index index.html;# } 因为vue打包后是没有vue.config.js的,这里的反向代理相当于vue中的vue.config.js 按照IP地址,我的django项目的服务器就是15.15.15.15:8000 那么在服务器中的vue项目的反向代理的配置如下 然后之前被注释掉的location /,再去掉注释 ...
1.前端vue的打包 在前端编译工具的命令行中输入npm run build,开始编译,在项目的目录下会生成一个dist文件夹,里面有我们需要的static文件夹和index.html文件 注:如果使用的vue-cli3之后的版本会出现index.html在static文件夹里面,那怎么把index.html和static放在同一级目录下呢? 修改vue.config.js(VueCli3.0新建的...
修改vue.config.js(VueCli3.0新建的项目里没有,要在项目目录新建一份) 修改为 module.exports= {assetsDir:'static',// 静态资源打包输出目录 (js, css, img, fonts),相应的url路径也会改变}; 然后npm run build,打包出来的dist结构如下 那么问题来了,为什么要修改assetsDir呢,如不修改,结构如下 一看这两个...
对于Vue项目中各个文件的功能这里也不多解释,可以参考其文档系统学习。这里只需要知道欢迎页面中的样式是写在App.vue和components/HelloWorld.vue中即可。 这里直接用HelloWorld.vue进行修改,只求功能不追求页面了~ // appfront/src/components/HelloWorld.vue<template>{{ msg }}<!-- show books list --><liv-for...
刚开始的时候我犯了一个惯性错误,以为部署vue项目和前面部署django服务一样,需要把vue工程文件拷贝到服务器,然后使用命令启动,如npm run serve又是安装node环境,又是npm install安装依赖包等,一通操作下来,也没搞定。。。 后来偶然看到一篇文章,解释了vue项目到底该怎么部署(其实问问身边的前端开发就知道怎么回事了) ...
1.打包后文件包dist 进入到 dist文件包会发现是这个样子的: 2.在django项目中创建前端文件包(静态资源包,我习惯起名为frontend) 然后把dist文件包中的static文件包和index.html拷贝过去,接着把static文件包中的所有文件和index文件都剪切到上一层目录(都在frontend中),由于我们Vue构建的是单页应用所以一般只有一个ht...
docker打包为什么那么大 docker打包django项目,一、django项目的部署(一)django项目的搭建1、搭建虚拟环境项目是需要依赖环境的,所以我们需要先创建一个虚拟环境:C:\Users\Administrator>mkvirtualenvdjango-vue-demo--no-setuptoolsUsingrealprefix'e:\\python\\pyth
1、github下载vue压缩包,并将解压后的安装包放在项目同级 2、用相对路径进行初始化,初始化配置可自定义,见下图: vue init ./webpack-develop client # client是项目名称 3、之后依次安装依赖、运行调式的服务、打包等 三、Django+Vue环境搭建 1、配置 Django 模板的搜索路径 ...
对vue3项目打包好,命令行是这个: npm run build 打包好以后就可以得到dist文件夹,dist/assets内包含了一些静态文件主要是图片 将图片上传到服务器的部署目录,像/home/admin/ nginx安装和配置 安装 https://nginx.org/en/linux_packages.html#Ubuntu sudoapt-getinstall nginx ...