Vue系列(三):独立Vue前端项目部署问题解决汇总
项目前后台分离,独立的Vue前端项目在部署到 Linux 服务器上时遇的的各种问题及解决。
- npm install 时报错,错误提示是:Permission denied(权限不足)
执行 npm install 命令时加上 –unsafe-perm。或将unsafe-perm选项添加到package.json文件中1
2
3npm install --unsafe-perm
或
npm install --unsafe-perm=true --allow-root1
"config": {"unsafe-perm":true}
- 项目运行后,本地IP无法登录,但 localhost 和 127.0.0.1可以登录
修改 package.json文件,在环境变量的值末尾增加 - -host ip|0.0.0.0或在环境变量中配置 host,值为:0.0.0.01
"dev":"webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --host 0.0.0.0",
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//开发环境
dev: {
// Paths
assetsSubDirectory: 'static',
assetsPublicPath: '/',
proxyTable: {
'/api': {
target: 'http://localhost:8080/', //api端口
changeOrigin: true, //允许跨域
pathRewrite: {
'^/api': ''
}
}
},
host: '0.0.0.0',
port: 8081,
autoOpenBrowser: true,
errorOverlay: false,
notifyOnErrors: false,
poll: false,
useEslint: true,
showEslintErrorsInOverlay: false,
devtool: 'cheap-source-map',
cssSourceMap: false
},
Vue系列(三):独立Vue前端项目部署问题解决汇总
http://blog.gxitsky.com/2018/10/22/Vue-3-nodejs-npm-docker-faq/