首页 > 代码库 > 使用vue cli开发项目中遇到的坑
使用vue cli开发项目中遇到的坑
一、部署文件
使用vue cli 开发项目,执行npm run build命令生成dist静态文件,将dist文件包放到服务器中即可。
刚接触webpack,不知道怎么部署前端文件,原以为需要将app文件上传,在 inux上安装node,以及npm install 一系列的包,捣鼓了很久,发现只需要执行 npm run build 将源码打包成一个静态文 文件即可,上传静态文件dist,将 controller指向index.html。
二、跨域问题
实行前后端分离,使用vue init 要安装 webpack版本,避免安装webpack-simple,webpack版本自带跨域处理,在config文件夹下index.js文件中增加配置:
proxyTable: {
‘/api‘: {
target: ‘http://116.62.180.238:8081/‘,
changeOrigin: true,
pathRewrite: {
‘^/api‘: ‘‘
}
}
}
另:部署到服务器中,nginx也需要写转换api的代码
使用vue cli开发项目中遇到的坑
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。