Vue系列(三):独立Vue前端项目部署问题解决汇总

  项目前后台分离,独立的Vue前端项目在部署到 Linux 服务器上时遇的的各种问题及解决。

  1. npm install 时报错,错误提示是:Permission denied(权限不足)
    执行 npm install 命令时加上 –unsafe-perm
    1
    2
    3
    npm install --unsafe-perm

    npm install --unsafe-perm=true --allow-root
    或将unsafe-perm选项添加到package.json文件中
    1
    "config": {"unsafe-perm":true}
  2. 项目运行后,本地IP无法登录,但 localhost 和 127.0.0.1可以登录
    修改 package.json文件,在环境变量的值末尾增加 - -host ip|0.0.0.0
    1
    "dev":"webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --host 0.0.0.0",
    或在环境变量中配置 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/

作者

光星

发布于

2018-10-22

更新于

2022-07-07

许可协议

评论