2.nginx安装包解压路径中不能含有中文,否则nginx启动会报错 3.使用npm run build命令,或者其他自己配置的打包命令将vue项目打包,打包完成之后将vue项目下生成的dist目录拷贝至nginx/html目录下 4.最关键的一步,在nginx下的conf\nginx.conf中修改nginx的配置文件,配置修改如下 整理后即为下图所示 : 完整原代码: #us...
将Vue前端项目部署到服务器上涉及几个关键步骤。以下是详细的步骤说明: 1. 构建Vue前端项目,生成静态文件 首先,你需要在本地构建你的Vue项目。这通常通过运行构建命令来完成,该命令会生成一个包含静态文件的dist目录(或你自定义的输出目录)。 bash npm run build 构建成功后,你会在项目根目录下看到一个dist文件...
1.配置路由,我这里是使用的history const router = new VueRouter({ routes, mode: 'history', base: '/ak' }) 配置vue.config.js, 我这里的 vue-cli 是 3.x 以上,都是要手动配置 // vue.config.js module.exports = { publicPath: './', } 配置到这里放到服务器里面是能打开的, 但是只要刷新一...
### **步骤1:构建Vue项目** 在这一步中,我们需要先构建我们的Vue项目。打开终端,进入到Vue项目的根目录,并执行以下命令: ```bash npm run build ``` 这个命令将会在项目根目录下生成一个`dist`文件夹,里面包含了我们打包后的静态文件。 ### **步骤2:配置服务器** 在这一步中,我们需要配置我们的服务...
【最近部署了一个前端VUE的项目,用来论文发表前的用户调研。其功能大概就是登录+记录+选择方案、单选题+同步绘图交互、多选题+同步绘图交互、下载问卷记录结果。此前我从来没有接触过前端项目,前一个星期只是用javascript和d3.js实现了学姐提出的新可视化方案,不过加上注释也才一千多行。所以为了实现问卷系统我花了...